css怎样设置删除线的粗细

219 阅读 0 评论 145 点赞

我是靠谱客的博主自觉毛豆，这篇文章主要介绍css怎样设置删除线的粗细，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css怎样设置删除线的粗细

在css中，可以利用text-decoration属性设置删除线并设置删除线的粗细值，当属性值为line-through时会定义一个删除线。

语法如下：

复制代码text-decoration: line-through 删除线粗细值;1
text-decoration: line-through 删除线粗细值;
登录后复制

示例如下：

复制代码<html>
<head>
<style type="text/css">
h2 {text-decoration: line-through 15px}
</style>
</head>
<body>
<h2>这是标题 2</h2>
</body>
</html>1
2
3
4
5
6
7
8
9
10
<html>
<head>
<style type="text/css">
h2 {text-decoration: line-through 15px}
</style>
</head>
<body>
<h2>这是标题 2</h2>
</body>
</html>
登录后复制

输出结果：

复制代码<html>
<head>
<style type="text/css">
h2 {text-decoration: line-through 1px}
</style>
</head>
<body>
<h2>这是标题 2</h2>
</body>
</html>1
2
3
4
5
6
7
8
9
10
<html>
<head>
<style type="text/css">
h2 {text-decoration: line-through 1px}
</style>
</head>
<body>
<h2>这是标题 2</h2>
</body>
</html>
登录后复制

输出结果：