这篇文章主要讲解了“css删除线代码怎么写”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css删除线代码怎么写”吧！
css删除线代码是“文本元素{text-decoration:line-through;}”。css text-decoration属性用于规定添加到文本的修饰，例如下划线、上划线、删除线等；当该属性的值设置为“line-through”时，可定义穿过文本的一条线，即实现删除线效果。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以利用text-decoration属性来实现删除线效果，实现代码为：
文本元素{text-decoration:line-through;}text-decoration 属性规定添加到文本的修饰，下划线、上划线、删除线等。
| 值 | 描述 |
|---|---|
| none | 默认。定义标准的文本。 |
| underline | 定义文本下的一条线。 |
| overline | 定义文本上的一条线。 |
| line-through | 定义穿过文本下的一条线。 |
| blink | 定义闪烁的文本。 |
说明：
这个属性允许对文本设置某种效果，如加删除线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
}
</style>
</head>
<body>
<p>这里有一条删除线</p>
</body>
</html>
通过例子可以看出，通过设置text-decoration:line-through;为p元素里的文本文字添加了删除线，方法简单、方便。且可以通过css设置简单修饰删除线样式，比如：颜色，例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css添加文本文字的删除线</title>
<style>
p{
text-decoration:line-through;
color: red;
}
span{
color: black;
}
</style>
</head>
<body>
<p><span>这里有一条删除线</span></p>
</body>
</html>
这样我们结合text-decoration：line-through和<span></span>样式定义文本字体颜色的样式，就可以实现css中删除线与文字颜色不一的样式效果，是不是很简单。
感谢各位的阅读，以上就是“css删除线代码怎么写”的内容了，经过本文的学习后，相信大家对css删除线代码怎么写这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
