如何进行CSS 链接的设置
1、链接状态。在网页当中的链接有着四个不同的状态,这个状态是需要我们来一一指定的。
2、链接的CSS语句。对于不同状态,我们用不同的语句来赋值。
a:link - 正常
a:visited - 已访问
a:hover - 鼠标放在链接上
a:active - 被点击
3、链接颜色变化。不同的链接状态有着不同的颜色变化。这种语句也是很容易写出来的。
a:link {color:#000000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}
4、链接的文字属性。我们在点击链接前后这个文字的属性也可以定义一些变化。
a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover {text-decoration:underline;}a:active {text-decoration:underline;}
5、链接的背景。在不同状态的链接,它的背景色也可以有着一定的变化。这也可以通过一定的语句来实现的。
a:link {background-color:#1C8A21;}a:visited {background-color:#09470C;}a:hover {background-color:#1C8A21;}a:active {background-color:#FF704D;}
6、body语句。要在body语句当中实现这样的一个CSS样式效果也是非常简单的。
<body>
<b><a href="/css/" target="_blank">这是一个链接</a></b>
<b>注意:</b> hover
<b>注意:</b>active
</body>