css hover的用法

2024-01-18 10:43 小编
 csshover的用法
 
  CSS:hover选择器定义和用法
 
  :hover选择器用于选择鼠标指针浮动在上面的元素。
 
  提示::hover选择器可用于所有元素,不只是链接。
 
  提示::link选择器设置指向未被访问页面的链接的样式,:visited选择器用于设置指向已被访问的页面的链接,:active选择器用于活动链接。
 
  推荐学习:CSS教程
 
  注释:在CSS定义中,:hover必须位于:link和:visited之后(如果存在的话),这样样式才能生效。
 
  实例:
 
  选择鼠标指针浮动在其上的元素,并设置其样式:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <style>
 
  a:hover
 
  {
 
  background-color:yellow;
 
  }
 
  </style>
 
  </head>
 
  <body>
 
  <ahref="http://www.php.cn">PHP</a>
 
  <ahref="http://www.google.com">Google</a>
 
  <ahref="http://www.wikipedia.org">Wikipedia</a>
 
  <p><b>注释:</b>:hover选择器鼠标指针在其上浮动的链接设置样式。</p>
 
  </body>
 
  </html>


在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码