超链接如何加下划线 css_IT百科

给需要添加下划线的超链接添加单独没戚样式或者一个class，包老察含含关键代码：text-decoration:underline。

实例演示如下：

1、设计一个HTMl页面，放入一些a标签超链接：

2、给a便签全部取消下划线:

3、此时的页面展示如下：

4、在样式中添加一个class，去掉下划线：

5、演示：给一些a便签添加第侍笑四步的class：

6、刷新页面，此时效果如下：

a{} 标签对是一个网站的一条信息链接定义的，a:link {} /* 未访问的链接 */

a:visited {} /* 已访问的链接 */

a:hover {text-decoration:underline} /* 当有鼠标悬停在链接上 */

a:active {} /* 被选择的链接 */

一、a标签简介

1、a是HTML语言标签。a标签定义超链接，用于从一个页面链接到另一个页面。a元素最重要的属性是 href 属性，它指定链接的目标。

2、在HTML中标签<a></a>或者大写字母A 。其中的a（或者 A）是 anchor 的缩写。anchor ['&aeligŋkə] 基本解释是.：锚, 铁锚的。这些标签的作用是标明超连接的起始位置或目的位置。

3、<a> 标签可定义锚。锚 (anchor) 有两种用法：

通过使用 href 属性，创建指向另外一个文档的链接（或超链接）通过使用 name 或 id 属性，创建一个文档内宴森部的书签（也就是说，可以创建指向文档片段的链接）<a>元素最重要的属性是 href 属性，它指定链接的目标。

4、在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有缓旁下划线晌哪亩而且是红色的。

二、a标签的四种伪类

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */

a:active {color: #0000FF} /* 被选择的链接 */

1、打开html开发工具并创建一个html文件。

2、在html页面上找到<body>标记判咐凯，键入<body>标记，并用<a>标记覆盖内容。

3、修改<a>标签的内容，将颜色设置为蓝色。

4、将鼠标掘唤设置为在<a>标签上滑动，字体下方将变为红色下划线：简消a：hover {color：red}。

欢迎分享，转载请注明来源：内存溢出

超链接如何加下划线 css