链接属性2 

点击文字链接到其他网站
<!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{
            color: black;
            /*background-color: aqua;*/
            text-decoration: none;
        }
        /*点击过的样式*/
        a:visited{
            color: black;
            /*background-color: aqua;*/
            text-decoration: none;
        }
        /*鼠标停留在上面的样式*/
        a:hover{
            color: red;
            background-color: darkseagreen;
        }
        /*点击鼠标但是没松手的样式*/
        a:active{
            color: cyan;
            background-color: cornsilk;
        }
    </style>
</head>
<body>
 <table>
     <ty>
         <a href="http://www.n3b9.com/">大香蕉</a>
         <a href="http://www.cnblogs.com/john568300/">我的博客</a>
         <a href="http://isujin.com/">素锦</a>
     </ty>
 </table>

</body>
</html>

　　

链接属性

大香蕉 我的博客 素锦

posted @ 2017-02-15 00:05  john。  阅读(239)  评论(0)  编辑  收藏  举报