CSS怎么设置链接样式

2024-01-18 10:41 小编
 能够设置链接样式的CSS属性有很多种(例如color,font-family,background等等)。
 
  链接的特殊性在于能够根据它们所处的状态来设置它们的样式。
 
  链接的四种状态:
 
  a:link-普通的、未被访问的链接
 
  a:visited-用户已访问的链接
 
  a:hover-鼠标指针位于链接的上方
 
  a:active-链接被点击的时刻
 
  实例
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <style>
 
  a:link{color:#FF0000;}/*未被访问的链接*/
 
  a:visited{color:#00FF00;}/*已被访问的链接*/
 
  a:hover{color:#FF00FF;}/*鼠标指针移动到链接上*/
 
  a:active{color:#0000FF;}/*正在被点击的链接*/
 
  </style>
 
  </head>
 
  <body>
 
  <p><b><ahref="/index.html"target="_blank">这是一个链接</a></b></p>
 
  <p><b>注释:</b>为了使定义生效,a:hover必须位于a:link和a:visited之后!!</p>
 
  <p><b>注释:</b>为了使定义生效,a:active必须位于a:hover之后!!</p>
 
  </body>
 
  </html>
 
  当为链接的不同状态设置样式时,请按照以下次序规则:
 
  a:hover必须位于a:link和a:visited之后
 
  a:active必须位于a:hover之后


Tag: 怎么
在线咨询 拨打电话

电话

13363039260

内部绝密传真282期

微信二维码