您现在的位置是: 首页 » 网页代码 » css如何不要下划线?
网页代码

css如何不要下划线?

网站优化小编十二月 14, 2019 22人已围观

HTML文本中可以使用css的text-decoration属性来设置下划线效果,可以通过将text-decoration属性值设为none来实现不要下划线。

网站运营中栏目排名优化技巧

css使用text-decoration属性设置文本下划线效果

<html>
<head>
<style type="text/css">
h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}
a {text-decoration: none}
</style>
</head>

<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<p><a href="https://www.html.cn/">这是一个链接</a></p>
</body>

</html>

效果图:

网站运营中栏目排名优化技巧

text-decoration属性:

text-decoration 属性规定添加到文本的修饰。

注释:修饰的颜色由 "color" 属性设置。

说明

这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

text-decoration属性设置可能值:

  • text-decoration:none 无装饰,通常对html下划线标签去掉下划线样式

  • text-decoration:underline 下划线样式

  • text-decoration:line-through 删除线样式-贯穿线样式

  • text-decoration:overline 上划线样式

相关文章

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:273天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:4011 条
  • 文章评论:175 条
  • 微信公众号:扫描二维码,关注我们