å®ç°é¼ æ ç»è¿èæ¯åè²çæ¹æ³æå¾å¤ï¼
æ¹æ³ä¸ï¼ç´æ¥åå¨HTML代ç ä¸ã
<div onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">
htmlé¼ æ æ»è¿ æååè²
</div>
æ¹æ³äº:å
设置åºå®çæ ·å¼ï¼ç¶åè°ç¨ã
<style>
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>
<div class="d_out" onmouseover="this.className='d_over'"
onmouseout="this.className='d_out'">ååååå</div>
æ¹æ³ä¸ã使ç¨<a>æ ç¾ãè¿ä¹æ¯å¸¸ç¨çæ¹å¼
ä¸è¬<a>æ¯ç¨æ¥å®ä¹é¾æ¥çæ ·å¼çï¼å¹¶ä¸æ¯å®ä¹æ个åºåçãç°å¨å¸¸ç¨çdiv+cssçç½é¡µç¨ï¼divå°±æ¯è¡¨ç¤ºåºåçææï¼è¿æ¯å欢ç¨è¿ç§ï¼å½ç¶ç¨tableçè¯ï¼ä¼ææ´ç®åçæ¹æ³ã
å
¶å®ç°å¨ç¨çè¾å¤çæ¯ç¨<a>æ ç¾å®ç°çã
<style>
a {color:red;
width:100px; height:22px; line-height:22px;}
a:hover {background:#f4f4f4;
color:#000;}
</style>
è¿æ ·åªè¦æ¯ä»£è¿æ¥çé½ä¼åå¦ï¼ä½ å¯ä»¥å¨æåºåç¨ï¼åæåºåéé¢çæææ¥è¿æ¥çé½ä¼é¼ æ ç»è¿åè²ã
ä¹å¯ä»¥ç´æ¥å¯¹ä¸ä¸ªåºåçaæ ç¾åç¬ç«çæ ·å¼ã
ä¾å¦ï¼
<div class="bs">
<a>é¼ æ åè¿åç±çº¢åé»</a></div>
cssä¸ è®¾ç½®:
.bs a {color:red; width:100px; height:22px; line-height:22px;}
.bs a:hover {background:#f4f4f4; color:#000;}
è¿æ ·ï¼å°±ä¸å½±åå
¶ä»çaæ ç¾ã
温馨提示:内容为网友见解,仅供参考