zoukankan      html  css  js  c++  java
  • 08.css学习-伪类选择器

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <style type="text/css">
    /*
    伪类选择器:伪类选择器就是对元素处于某种状态下进行样式的(a表示对a标签作用)。


    注意:
    1. a:hover 必须被置于 a:link 和 a:visited 之后

    2. a:active 必须被置于 a:hover 之后

    */


    a:link{color:#F00} /* 没有被点击过---红色 */

    a:visited{color:#0F0} /* 已经被访问过的样式---绿色 */

    a:hover{color:#00F;} /* 鼠标经过的状态---蓝 */

    a:active{color:#FF0;}/*选中时候的状态*/

    </style>


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <body>
    <a href="#">百度</a>
    </body>
    </html>

    二.使用

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    <style type="text/css" >

    table{
    background-color:#CCC;
    border-collapse:collapse;
    border:3px;
    }

    tr:hover{
    background-color:#06F;
    }
    </style>

    <body>
    <table border="1px" width="400px" height="300px" align="center" >
    <tr>
    <th>姓名</th>
    <th>成绩</th>
    <th>人品</th>
    </tr>


    <tr>
    <td>张三</td>
    <td>98</td>
    <td>差</td>
    </tr>


    <tr>
    <td>李四</td>
    <td>50</td>
    <td>极好</td>
    </tr>


    <tr>
    <td>综合测评</td>
    <td colspan="2">不错</td>
    </tr>


    </table>


    </body>
    </html>

  • 相关阅读:
    OO第四次总结
    OO第三次总结
    C语言函数指针
    Java对象集合
    emacs下最牛逼的Markdown编辑方式
    OO第二次总结
    Git复习
    Java设计原则
    多线程学习笔记1
    OO第一次总结
  • 原文地址:https://www.cnblogs.com/transcendent/p/4948450.html
Copyright © 2011-2022 走看看