如何完成HTML中鼠標經停時整行(tr)變色
發表時間:2024-05-09 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本文主要介紹了HTML中實現鼠標經停時整行(tr)變色的相關資料,需要的朋友可以參考下,希望能幫助到大家。使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:<html ><head><meta charset="...
本文主要介紹了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>
大家學會了嗎?這種基礎知識在開發中很有用的哦。
相關推薦:
HTML實現簡單的提示框
HTML5桌面通知提示功能的實現
HTML里關于表格table嵌套的注意事項
以上就是如何實現HTML中鼠標經停時整行(tr)變色的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。