如何去掉网页中的图片添加超链接的

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

如何去掉网页中的图片添加超链接的

蓝色边框的方法如何去掉网页中的图片添加超链接的蓝色边框?您是不是还在为这个而烦恼呢?下面教给你简单的方法,轻松搞定。

解决思路:

一般的办法是给img标签加上border="0",虽然能解决问题,但如果这样的图片有N个,那就要手工加N次border="0",效率太低。

其实如果注意到CSS的Selector(选择符)中有一类是针对HTML的标签元素,那就方便多了。

CODE:

[Copy to clipboard]

我们可以用CSS语法来控制超链接的形式、颜色变化。

下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。

实现方法很简单,在源代码的和之间加上如下的CSS语法控制:

其中:

a:link指正常的未被访问过的链接;

a:active指正在点的链接;

a:hover指鼠标在链接上;

a:visited指已经访问过的链接;

text-decoration是文字修饰效果的意思;none参数表示超链接文字不显示下划线;underline参数表示超链接的文字有下划线

相关文档
最新文档