我们为大家收集整理了关于如何用CSS控制超链接样式，以方便大家参考。网站制作用CSS可控制超链接样式，一般分为四个部分：a:active是超级链接的初始状态;a:hover是把鼠标放上去时的状况;a:link 是鼠标点击时;a:visited是访问过后的情况。

CSS控制超链接的三种方法

1、通过对应超链接外的父级的css类的css样式来控制超链接的样式

对应CSS代码

.yangshi a{color:#333;text-decoration:none; }

.yangshi a:hover {color:#CC3300;text-decoration:underline;}

2、通过链接内设置类控制超链接样式css方法

对应CSS代码

a.yangshi{color:#333;text-decoration:none; }

a.yangshi:hover {color:#CC3300;text-decoration:underline;}

通过这样的设置可以控制链接内的css类名为“yangshi”超链接的样式

3、通常对全站超链接样式化方法

a{color:#333;text-decoration:none; } //对全站有链接的文字颜色样式为color:#333;并立即无下划线text-decoration:none;

希望大家可以学会如何用CSS控制超链接样式.想了解更多精彩内容，请关注我们的网站!

相关推荐：

css背景图片拉伸填充的属性介绍