首页 > 代码库 > 链接属性

链接属性

链接属性

<style>table { font-family: "楷体"; font-size: 33px; width: 280px; text-align: center; border-collapse: collapse; background-color: lightsteelblue } a:link,a:visited { color: darksalmon; background-color: lightsteelblue; text-decoration: none } a:hover { color: lightslategray; background-color: seagreen } a:active { color: red; background-color: black }</style>
百度 淘宝 京东
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>链接属性</title>
    <style>
        table{
            font-family: "楷体";
            font-size: 33px;
            width: 280px;
            text-align: center;
            border-collapse: collapse;
            background-color: lightsteelblue;
        }
        /*按照 a:link, a:visited, a:hover,a:active顺序写*/
        /*伪类别选择器*/
        /*普通样式*/
        a:link,a:visited{
            color: darksalmon;
            background-color: lightsteelblue;
            text-decoration: none;
        }
        /*访问过的样式*/
        /*a:visited{
            color: darksalmon;
            background-color: lightsteelblue;
            text-decoration: none;

        }*/
        /*鼠标悬浮在上面的样式*/
        a:hover{
            color: lightslategray;
            background-color: seagreen;
        }
        /*激活状态的样式*/
        a:active{
            color: red;
            background-color: black;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>
                <a href="http://www.baidu.com">百度</a>
                <a href="http://www.taobao.com">淘宝</a>
                <a href="http://www.JD.com">京东</a>
            </td>
        </tr>
    </table>
</body>
</html>

  

链接属性