如何用CSS设置两种不同的链接颜色

html-css07

如何用CSS设置两种不同的链接颜色,第1张

css可定义的链接样式有如下几种：

a:link 超链接的普通样式

a:visited 点击过的

a:hover 鼠标经过时的

a:active 单击时

a:link{text-decoration:none} 无下划线

a:link{text-decoration:underline} 有下划线

为了实现不同链接不同效果，可以专门定义链接的CSS规则，比如：

我们常规css是这样的：

a:link{color:#ff0000}

那么网页上所有链接的颜色都是：#ff0000。

然后可以这样去修改：

a:link{color:#ff0000}

.line1 a:link{color:#000000}

同时，在要改变颜色的链接前加上css定义，像这样：<span class=line1><a href="/">不同颜色的超链接</a></span>，这样的话，这个链接的颜色就改变了。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

a{color: black}

a:hover{color: red}

a:visited{color: red}

3、浏览器运行index.html页面，此时黑色的超链接被移入和点击后是红色的。