css超链接字体颜色 css超链接字体颜色、下横线怎么改

下面是一个示例：HTML代码：```这是一个超链接```CSS代码：```.link{color:red;/*设置字体颜色为红色*/text-decoration:none;/*移除下横线*/}```在上面的示例中，使用类名".link"来选中超链接元素，并设置color属性为红色。同时，通过text-decoration属性设置text-decoration样式为none，即移除下横线。

要改变超链接的字体颜色，可以使用CSS的color属性来设置。下面是一个示例：

HTML代码：

```

这是一个超链接

```

CSS代码：

```

.link {

color: red; /* 设置字体颜色为红色 */

text-decoration: none; /* 移除下横线 */

}

```

在上面的示例中，使用类名".link"来选中超链接元素，并设置color属性为红色。同时，通过text-decoration属性设置text-decoration样式为none，即移除下横线。

如果你希望在鼠标悬停在超链接上时，字体颜色或下横线有所变化，可以使用:hover伪类选择器来设置不同的样式，例如：

CSS代码：

```

.link:hover {

color: blue; /* 鼠标悬停时设置字体颜色为蓝色 */

text-decoration: underline; /* 鼠标悬停时添加下横线 */

}

```

在上面的示例中，使用:hover伪类选择器来选中鼠标悬停在超链接元素上的状态，并设置color属性为蓝色，并添加下横线。