首页前端开发CSSCSS怎么设置链接样式

CSS怎么设置链接样式

时间2024-05-21 13:36:03发布访客分类CSS浏览83
导读: 能够设置链接样式的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
Torch中如何进行模型调试 CSS外边距如何定义

游客 回复需填写必要信息