css怎么添加删除线

这篇文章主要介绍了css怎么添加删除线的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇css怎么添加删除线文章都会有所收获，下面我们一起来看看吧。

成都创新互联公司于2013年创立，先为交城等服务建站，交城等地企业，进行企业商务咨询服务。为交城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

css怎么添加删除线

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

说明：

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

那么如何使用csstext-decoration属性添加文本文字的删除线效果，下面我们通过简单的代码示例，为大家详细解说关于css删除线的实现方法！

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<title>css添加文本文字的删除线</title>

<style>

p{

text-decoration:line-through;

}

</style>

</head>

<body>

<p>这里有一条删除线</p>

</body>

</html>

说明：

line-through属性值：定义穿过文本下的一条线。

通过例子可以看出，通过设置text-decoration:line-through;为<p>标签里的文本文字添加了删除线，方法简单、方便。且可以通过css设置简单修饰删除线样式，比如：颜色，例：

<!DOCTYPEhtml>

<html>

<head>

<metacharset="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怎么添加删除线
链接分享：https://www.cdcxhl.com/article10/johpdo.html

成都网站建设公司_创新互联，为您提供Google、静态网站、外贸建站、微信公众号、品牌网站制作、网页设计公司

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

绵阳服务器托管

网站建设知识

分类信息网