HTML中鼠標停留時整行變色
發表時間:2023-09-08 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章主要介紹了HTML中實現鼠標滑過時整行變色的相關資料,需要的朋友可以參考下使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:<html ><head><meta charset="utf-8"/...
這篇文章主要介紹了HTML中實現鼠標滑過時整行變色的相關資料,需要的朋友可以參考下
使用純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>
總結:以上就是本篇文的全部內容,希望能對大家的學習有所幫助。
相關推薦:
SS如何實現把鼠標放在行上整行變色_html/css_WEB-ITnose
鼠標劃過時整行變色_JavaScript
基于jQuey實現鼠標滑過變色(整行變色)_jquery
以上就是HTML中鼠標停留時整行變色的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。