html怎么设置删除线

这篇文章主要介绍html怎么设置删除线，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了揭西免费建站欢迎大家使用！

方法：1、使用“text-decoration”属性规定添加文本的修饰（如下划线、删除线等），语法“text-decoration:line-through”；2、使用del标签定义文档中已被删除的文本，语法“<del>文字</del>”。

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

先来看一下text-decoration

text-decoration通常我们用于给链接修改装饰效果（注意： 这个属性允许对文本设置某种效果，如加下划线。如果后代元素没有自己的装饰，祖先元素上设置的装饰会“延伸”到后代元素中。

值

描述

none

默认。定义标准的文本。

underline

定义文本下的一条线。下划线 也是我们链接自带的

overline

定义文本上的一条线。

line-through

定义穿过文本下的一条线。

也可以用<del></del>来实现删除线

下面展示一下代码（防止搞混，overline也测试了，描述不清会以为可以实现删除线）

html怎么设置删除线

效果

html怎么设置删除线

以上是“html怎么设置删除线”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网页名称：html怎么设置删除线
分享URL：https://www.cdcxhl.com/article38/igopsp.html

成都网站建设公司_创新互联，为您提供移动网站建设、网站内链、App设计、搜索引擎优化、品牌网站设计、Google

广告

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

猜你还喜欢下面的内容

微信小程序开发

网站排名知识

行业网站建设