多语言展示
当前在线:333今日阅读:61今日分享:18

如何进行CSS 链接的设置

我们在网页编辑的过程中会遇到这样的一个链接编辑的现象,在网页上点过的链接进行一个变色的处理,这样的一个过程是非常重要的。我们可以通过几个不同功能的CSS语句来一一实现。
工具/原料

dreamweaver

方法/步骤
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;}

6

body语句。要在body语句当中实现这样的一个CSS样式效果也是非常简单的。

这是一个链接

注意: hover

注意:active

推荐信息