首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

化除超连接边框

2012-09-20 
消除超连接边框消除超链接底线的下划线方法:1.最简单的:headstylea{TEXT-DECORATION:none}/style/h

消除超连接边框

消除超链接底线的下划线方法:

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>解决.

热点排行