html中a标签自带的属性: text-decoration:underline,这个属性的作用是在链接底部加上一条与字体相同颜色的1像素实线,在以往的网页设计中几乎是必用的。但在现在设计文字中一般留白较大,在文字排版中夹着一些链接,就会让页面看起来乱乱的,有失设计风格。

  所以大多的css重置代码,都将a的 text-decoration:underline设置为 text-decoration:none,没虚线了,看起来很统一。但也有一个问题,没有了底部区别,会让链接很难辨别。

 

  

  这张图里的链接,看不出来吧。

  要是底部是虚线,效果如何呢?看了一下,text代码不支持设置样式,那么只能换一种办法了,a { border-bottom:1px dashed #999999;},为a标签加入一个底部边框,虚线形式,看看效果。

 

  

  效果达到且低调。

  哈尔滨品用软件有限公司致力于为哈尔滨的中小企业制作大气、美观的优秀网站,并且能够搭建符合百度排名规范的网站基底,使您的网站无需额外费用,即可稳步提升排名至首页。欢迎体验最佳的哈尔滨网站建设