手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何进行CSS 链接的设置

时间:2024-10-13 07:06:40

1、链接状态。在网页当中的链接有着四个不同的状态,这个状态是需要我们来一一指定的。

如何进行CSS 链接的设置

2、链接的CSS语句。对于不同状态,我们用不同的语句来赋值。a:link - 正常a:visited - 已访问a:hover - 鼠标放在链接上a:active - 被点击

如何进行CSS 链接的设置

3、链接颜色变化。不同的链接状态有着不同的颜色变化。这种语句也是很容易写出来的。a:link {color:#000000;} a:visited {color:#00FF00;}a:hover {color:#FF00FF;}a:active {color:#0000FF;}

如何进行CSS 链接的设置

4、链接的文字属性。我们在点击链接前后这个文字的属性也可以定义一些变化。a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover {text-decoration:underline;}a:active {text-decoration:underline;}

如何进行CSS 链接的设置

5、链接的背景。在不同状态的链接,它的背景色也可以有着一定的变化。烂瘀佐栾这也可以通过一定的语句来实现的。a:link {bac娱浣嫁装kground-color:#1C8A21;}a:visited {background-color:#09470C;}a:hover {background-color:#1C8A21;}a:active {background-color:#FF704D;}

如何进行CSS 链接的设置

6、bod鲻戟缒男y语句。要在body语句当中实现这样的一个CSS样式效果也是非常简单的。<body><p><b><a href="/css/" target="_blank">这是一个链接</a></b></p><p><b>注意:</b> hover</p><p><b>注意:</b>active</p></body>

如何进行CSS 链接的设置
© 手抄报圈