消除超连接边框
消除超链接底线的下划线方法:
1.最简单的:<head>
<style>a{TEXT-DECORATION:none}</style>
</head>
2.如果大部分超链接不要下划线,就可以加入<style>a{TEXT-DECORATION:none}</style>这一句,然后在少数要下划线的超链接里使用这个方法,它就有下划线了:<a href=****><u>文字</a>。 如果大部分超链接都要下划线,就可以不要加入前面提到的这句。把它改为:<style>.n{TEXT-DECORATION:none}</style>,注意:n前面有个点,它表示类选择符,然后在网页的超链接当中可以多次引用,就可单独去掉个别超链接了,例如:
<a class=n href=http://www.baidu.com>百度</a>
3.如何让超链接去掉下划线,鼠标停留在上面时有下划线?
可以改为这句:<style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}</style>
说明,a表示超链接,a:hover在样式表里属于伪类,表示鼠标悬停时候的状态。
消除图片超链接的边框:
用图片做为链接后,在图片的周围出现了一个带颜色边框,其实是由border属性来控制的。
用<a href="#"><img src="" border="0"></a>就去掉了.
可是当点击图片时,又出现了虚线框,这就是<a>链接on focus的问题,与图片无关,
去掉虚线框可用<a href="xxxxx.html"?? onfocus=this.blur(); ></a>解决.