CSS怎么设置链接样式
导读: 能够设置链接样式的CSS属性有很多种(例如color,font-family,background等等)。 链接的特殊性在于能够根据它们所处的状态来设置它们的样式。 链接的四种状态: a:link-普通的、未被访问的链...
能够设置链接样式的CSS属性有很多种(例如color,font-family,background等等)。
链接的特殊性在于能够根据它们所处的状态来设置它们的样式。
链接的四种状态:
a:link-普通的、未被访问的链接
a:visited-用户已访问的链接
a:hover-鼠标指针位于链接的上方
a:active-链接被点击的时刻
实例
a:link{
color:#FF0000;
}
/*未被访问的链接*/
a:visited{
color:#00FF00;
}
/*已被访问的链接*/
a:hover{
color:#FF00FF;
}
/*鼠标指针移动到链接上*/
a:active{
color:#0000FF;
}
/*正在被点击的链接*/
这是一个链接
注释:为了使定义生效,a:hover必须位于a:link和a:visited之后!!
注释:为了使定义生效,a:active必须位于a:hover之后!!
当为链接的不同状态设置样式时,请按照以下次序规则: a:hover必须位于a:link和a:visited之后 a:active必须位于a:hover之后本文转载自中文网
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: CSS怎么设置链接样式
本文地址: https://pptw.com/jishu/664901.html
