如何去掉网页中的图片添加超链接的蓝色边框?您是不是还在为这个而烦恼呢?下面教给你简单的方法,轻松搞定。
解决思路:
一般的办法是给img标签加上border="0",虽然能解决问题,但如果这样的图片有N个,那就要手工加N次border="0",效率太低。
其实如果注意到CSS的Selector(选择符)中有一类是针对HTML的标签元素,那就方便多了。
<style>
img{border:0px}
</style>
我们可以用CSS语法来控制超链接的形式、颜色变化。
下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。
实现方法很简单,在源代码的<head>和<head>之间加上如下的CSS语法控制:
<style type="text/css">
<!–
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-->
</style>
其中:
a:link 指正常的未被访问过的链接;
a:active 指正在点的链接;
a:hover 指鼠标在链接上;
a:visited 指已经访问过的链接;
text-decoration是文字修饰效果的意思;
none参数表示超链接文字不显示下划线;
underline参数表示超链接的文字有下划线
很好,谢谢分享!
发现一个问题:来你这里的人都喜欢站着?!
这么多沙发摆着都不坐!
admin 回复:
11月 9th, 2009 at 16:20
感谢您的支持,欢迎有空常来玩!