a标签如何添加“行内样式为鼠标移入出现下划线”效果?

发布网友 发布时间：2022-04-24 09:27

我来回答

共1个回答

热心网友 时间：2022-04-22 00:48

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} /* 被选择的链接 */