1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html链接不同状态样式 如何用css为超链接设置不同样式

html链接不同状态样式 如何用css为超链接设置不同样式

时间:2021-02-28 04:09:53

相关推荐

html链接不同状态样式 如何用css为超链接设置不同样式

如何用css为超链接设置不同样式

css设置超链接的样式可以使用伪类来实现,使用link来设置正常链接的样式,visited设置访问过的链接样式,hover设置鼠标悬浮时的样式,active设置鼠标点击时的样式。

(推荐学习:CSS视频教程)

比如

a.topcs:link {

font-size: 12px;

color: #000000;

text-decoration: none;

}

a.topcs:visited {

font-size: 12px;

color: #000000;

text-decoration: none;

}

a.topcs:hover {

font-size: 12px;

color: #FF0000;

text-decoration: none;

}

a.news:link {

font-size: 12px;

color: #000000;

text-decoration: none;

}

a.news:visited {

font-size: 12px;

color: #000000;

text-decoration: none;

}

a.news:hover {

font-size: 12px;

color: #FF0000;

text-decoration: none;

}

调用:1

1

效果:

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。