HTML中字体删除线的效果怎样做，方法是什么？-群英

HTML中字体删除线的效果怎样做，方法是什么？

Admin发表于 2022-01-30 17:26:451079 次浏览

HTML中字体删除线的效果怎样做?字体删除线的效果也就是字体横向中间带有横向，可以用于一些要删除但又看用户看到的内容，例如产品的原价场景应用，小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

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

html添加字体删除线

1、用“<s>”标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<s>删除线文本</s>
	</body>
</html>

2、用“<del>”标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<del>删除线文本</del>
	</body>
</html>

3、给文本元素添加“text-decoration:line-through;”样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<span style="text-decoration: line-through;">删除线文本</span>
	</body>
</html>

text-decoration 属性规定添加到文本的修饰（下划线、上划线、删除线等）；当属性值设置为“line-through”时即可定义穿过文本下的一条线。

关于HTML中字体删除线的效果的实现就介绍到这，上述示例具有一定的借鉴价值，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多大家可以关注群英网络其它的相关文章。

文本转载自PHP中文网

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： html字体删除线

上一篇： HTML中怎样实现文件上传，有什么方法？

下一篇： HTML中字体粗体怎样设置，方法是什么？

相关信息推荐

php8的底层内核源码-数组，是什么意思？

2022-07-23 17:46:55　

摘要：本篇文章给大家介绍《解析PHP8底层内核源码-数组（二）》。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

前端中什么是全路径，如何表示

2022-09-05 17:28:00　

摘要：前端中全路径指的就是绝对路径，是目录下的绝对位置；绝对路径是从根目录开始的路径，直接到达目标位置，由一系列连续的目录组成，中间用斜线分隔，直到要指定的目录或文件，路径中的最后一个名称即为要指向的目录或文件。

JS获取URL的参数有多少种方式

2022-05-26 17:20:09　

摘要：前言对于前端来说，无论是在面试或者工作中都可能遇到处理 url 参数的问题，使用框架进行项目开发时或许不用，有自带的获取参数方式，但是抛开使用框架来说我们也可以使用原生 js 方式或者借用第三方库来实

推荐内容

PHP中替换第一位字符的方法和代码是什么
2022-12-14 11:21:38

Python使用中有哪些高效、实用的高级技巧
2022-08-19 17:53:01

新手学习Python有哪些关键字要掌握
2022-08-19 17:51:59

热门关键词

热门信息

Python中如何求阶乘？教你四个方法
2022-02-25 17:19:26

Python怎么样创建txt文件，写入方法是什么？
2022-01-24 19:23:44

pycharm怎么完全卸载？两个步骤帮你搞定
2022-01-04 18:53:44

Java中map判断是否存在key怎样做？教你两个方法
2022-01-26 18:39:38

Python中怎样利用while求1到100的和？
2021-11-20 17:46:01

Java中string转date有哪些方式，怎样实现？
2022-01-18 18:00:09

Python中怎么定义数组？教你三种方法
2022-01-13 18:58:11

Python中的eval函数的作用是什么，怎样用？
2022-01-24 19:23:57

用python如何读取csv文件，你知道几种方法？
2021-11-22 17:53:55

python中怎样统计元素出现的次数，方法有哪些？
2021-11-20 17:45:40