CSS 鼠标经过时改变table所在行的颜色

分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识,造福人民,实现我们中华民族伟大复兴!

               

<html><head><style type="text/css">#customers  {  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  width:100%border-collapse:collapse;  }#customers td, #customers th   {  font-size:1emborder:1px solid #98bf21padding:3px 7px 2px 7px;  }#customers th   {  font-size:1.1emtext-align:left;  padding-top:5pxpadding-bottom:4pxbackground-color:#A7C942color:#ffffff;  }</style></head><body><table id="customers"><tr><th>Company</th><th>Contact</th><th>Country</th></tr><tr onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"><td>Apple</td><td>Steven Jobs</td><td>USA</td></tr><tr class="alt"><td>Baidu</td><td>Li YanHong</td><td>China</td></tr><tr onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"><td>Google</td><td>Larry Page</td><td>USA</td></tr><tr class="alt" onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"><td>Lenovo</td><td>Liu Chuanzhi</td><td>China</td></tr><tr onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"><td>Microsoft</td><td>Bill Gates</td><td>USA</td></tr><tr class="alt" onmouseover="style.backgroundColor='#FF9900'" onmouseout="style.backgroundColor='#FFFFFF'"><td>Nokia</td><td>Stephen Elop</td><td>Finland</td></tr></table></body></html>


           

给我老师的人工智能教程打call!http://blog.csdn.net/jiangjunshow

这里写图片描述

猜你喜欢

转载自blog.csdn.net/sdfsdfytre/article/details/84137129
今日推荐