天天看點
傳回

06：CSS設定超連結樣式

1.簡單超連結

box.html

<!doctype html>
<html>
<head>
    <mate charset="utf-8">
    <title>超連結</title>
    <link href="link.css" type="text/css" rel="stylesheet">

</head>
<body>
    <div>
        <a href="#" class="link">首頁</a>
    </div>
</body>
</html>

link.css

a.link{
    text-decoration:none;
    font-size:px;
    display:black;
}

2.僞類:某一個屬性的某一個狀态；

超連結的4種狀态：

link(未被通路時的狀态)；

visited(使用者已通路的狀态)；

hover(滑鼠經過時的狀态);

active(滑鼠點選時狀态)；

link.css

a:link{
    font-size:px;
    color:black;
    text-decoration: none;
}
a:visited{
    font-size:px;
    color:pink;
    background-color: pink;
}
a:hover{
    font-size: px;
    color:green;
    background-color: #123456;
}
a:active{
    color:blue;
    font-size: px;
    background-color: #498544;
}

19:20 2018/8/17/周五

css
上一篇: vue項目：npm打包-S和-D差別：
下一篇: css中超連結樣式

繼續閱讀