zoukankan      html  css  js  c++  java
  • css 伪类

    网址:http://www.dreamdu.com/css/pseudo-classes/ 

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    div:link    {  background-color:blue;}
    div:visited {  background-color:blue;}
    div:hover   {  background-color:red;}
    div:active  {  background-color:yellow;}
    </style>
    </head>
    <body>
    
    <div style="height:100px;boder;border: 1px solid white;">
    将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上将鼠标指针移动到这个链接上:<a href="http://www.w3school.com.cn">w3school.com.cn</a>
    </div>
    </body>
    </html>

    a:link {color:#FF0000;} /* 未被访问的链接 */
    a:visited {color:#00FF00;} /* 已被访问的链接 */
    a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */
    a:active {color:#0000FF;} /* 正在被点击的链接 */

  • 相关阅读:
    js返回到顶部
    css培训一
    css常用hack技巧
    css培训二
    css样式渲染规则
    html语义(一)
    css样式表管理
    html+css培训方案
    继承
    封装
  • 原文地址:https://www.cnblogs.com/yujian-bcq/p/3979284.html
Copyright © 2011-2022 走看看