css a怎么取消下划线

PHP中文网

2023-03-23 帮助30人

css a怎么取消下划线？

去掉a标签中的下划线：

text-decoration 属性

text-decoration 属性是用来设置 a 标签的划线属性的。其属性值有：

none：去掉下划线

underline：设置下划线

overline：在文本上方设置线条

line-through：在文本中间设置线条

initial：默认值

inherit：从父元素中继承

我们来看下具体代码与实现效果：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>a标签划线</title>
<style type="text/css">
#none{
text-decoration: none;
}
#overline{
text-decoration: overline;
}
#overline{
text-decoration: line-through;
}
</style>
</head>
<body>
<a href="https://www.swvq.com/website-design-ask-500290.html">这是正常样式</a><br>
<a href="https://www.swvq.com/website-design-ask-500290.html" id="none">无下划线</a><br>
<a href="https://www.swvq.com/website-design-ask-500290.html" id="overline">上划线</a><br>
<a href="https://www.swvq.com/website-design-ask-500290.html" id="line-through">中划线</a><br>
</body>
</html>

实现效果：

学新通技术网

这篇好文章是转载于：学新通技术网

css a怎么取消下划线

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

《学习通》视频自动暂停处理方法

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

怎样阻止微信小程序自动打开

TikTok加速器哪个好免费的TK加速器推荐