首页 话题 小组 问答 好文 用户 我的社区 域名交易

[分享]css中a标签怎么添加下划线

发布于 2024-11-11 19:24:57
0
13

在 CSS 中,要给 a 标签添加下划线,可以使用 textdecoration 属性。textdecoration 属性定义文本的修饰,例如下划线、删除线等。下面是一个例子:html 这是一个链接:...

在 CSS 中,要给 a 标签添加下划线,可以使用 text-decoration 属性。text-decoration 属性定义文本的修饰,例如下划线、删除线等。下面是一个例子:

html
<p>这是一个链接:<a href="#">点击这里</a></p> 

css
a {
  text-decoration: underline;
} 

这样,a 标签中的文字就会添加下划线了。如果你想去掉下划线,可以使用 none 值:
css
a {
  text-decoration: none;
} 

除了下划线外,还有其他的修饰方式,比如删除线,可以使用 line-through 值:
css
a {
  text-decoration: line-through;
} 

当然,你也可以同时使用多个值,定义不同的修饰方式,例如同时使用下划线和删除线:
css
a {
  text-decoration: underline line-through;
} 

总结起来,CSS 中通过 text-decoration 属性可以给 a 标签添加下划线或其他修饰方式。需要注意的是,text-decoration 属性不仅可以用在 a 标签中,也可以用在其他元素上。
评论
91云脑
Lv.1普通用户

62845

帖子

12

小组

80

积分

站长交流