在HTML中，删除线(strikethrough)是一种表示文本被删除或不可见的特殊样式，要设置删除线，可以使用<s>标签或者CSS的text-decoration属性，本文将详细介绍这两种方法以及如何使用它们。
使用<s>标签设置删除线
1、1 语法
在HTML中，可以使用<s>标签来表示删除线。<s>标签必须紧跟在要加删除线的文本后面，并且不能包含任何其他内容。
<s>这是一段带有删除线的文本</s>
1、2 示例
下面是一个使用<s>标签设置删除线的示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>删除线示例</title> </head> <body> <p><s>这是一段带有删除线的文本</s></p> </body> </html>
使用CSS的text-decoration属性设置删除线
2、1 语法
要使用CSS的text-decoration属性设置删除线，需要在CSS样式表中为相应的元素添加text-decoration: line-through;样式，这将使得元素中的文本显示为带有删除线的样式。
p {
text-decoration: line-through;
}
2、2 示例
下面是一个使用CSS的text-decoration属性设置删除线的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>删除线示例</title>
<style>
p {
text-decoration: line-through;
}
</style>
</head>
<body>
<p>这是一段带有删除线的文本</p>
</body>
</html>
相关问题与解答
3、1 问题1:如何在HTML中同时设置删除线和下划线？
答：要在HTML中同时设置删除线和下划线，可以使用CSS的text-decoration属性。
p {
text-decoration: line-through underline;
}
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/321051.html
微信扫一扫 