HTML如何做出鼠標經停時(tr)變色
發表時間:2023-09-22 來源:明輝站整理相關軟件相關文章人氣:
[摘要]次給大家帶來HTML怎樣做出鼠標經停時(tr)變色,HTML做出鼠標經停時(tr)變色的注意事項有哪些,下面就是實戰案例,一起來看一下。使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:<html ><head><meta...
次給大家帶來HTML怎樣做出鼠標經停時(tr)變色,HTML做出鼠標經停時(tr)變色的注意事項有哪些,下面就是實戰案例,一起來看一下。
使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:
<html >
<head>
<meta charset="utf-8"/>
<title>change</title>
<style type="text/css">
tr.change:hover
{
background-color:#00FF00
}
</style>
</head>
<body>
<h1>鼠標經停變色</h1>
<table width="80%" border="1" align="center">
<tr class="change">
<td> </td>
<td> </td>
</tr>
<tr class="change">
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
HTML圖片的img標簽怎樣使用
怎樣用HTML實現滾動彈幕功能
HTML里的name與id和class到底有什么不同
以上就是HTML怎樣做出鼠標經停時(tr)變色的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。