本文摘自PHP中文网,作者php中世界最好的语言,侵删。
次给大家带来HTML怎样做出鼠标经停时(tr)变色,HTML做出鼠标经停时(tr)变色的注意事项有哪些,下面就是实战案例,一起来看一下。使用纯CSS实现在鼠标经过一个表格的某一行的时候,要整行的背景颜色发生变化,以表明该行正中焦点:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | < 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 tbody标签怎么用
Html ol标签怎么用
怎样实现Html的仿命令行界面
了解浏览器渲染网页的每个步骤机制!
Html怎么引入图片
Html noframes标签怎么用
Html中的标签详解
h5新特性的用法:监听app自带的返回键
Html超链接默认字体颜色怎么清除
Html与xHtml的区别详解
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML怎样做出鼠标经停时(tr)变色