<strike> html 删除线贯穿线标签

html <strike> 标签元素，删除线标签元素\贯穿线标签元素<strike>

配置文本翰墨字体删除线标签<strike>，字体翰墨上中穿一线画一横，经常在价值原价与优惠价值用到，原价数字上运用删除线成就，当初优惠价钱数字畸形显现。

一样平常对文字、数字等文本设置装备摆设。

strike英文翻译：罢工含义。

一、strike语法

<strike>内容</strike>

这里“形式”将在阅读器中展现划上删除线效果，从文字两端画一横也叫贯通线。

strike是一对标签，有起头有闭合的标签，以<strike>劈头劈脸，以</strike>完毕。

二、strike小实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>strike 用法 CSS5</title>
<style>
strike{ color:#666}
</style>
</head>
<body>
<p>此商品 原价：<strike>100元</strike>，而今80元。</p>
</body>
</html>

这里对strike运用同时，对其设置不合字体色采花式。

CSS与删除线同时使用实例截图
CSS与删除线同时运用实例截图

三、CSS与HTML标签对应相干

<strike></strike>相即是CSS中text-decoration:line-through（领悟线删除线）。

实例代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>strike与CSS删除线 CSS5</title>
<style>
strike{ color:#666}
.scx{ text-decoration:line-through}
</style>
</head>
<body>
<p>此商品 原价：<strike>100元</strike>，当时80元。</p>
<p class="scx">CSS实现文字删除</p>
</body>
</html>

这里设置装备摆设使用HTML删除线标签strike，也使用CSS text-decoration实现删除线成果。

实例效果截图
css 实例造诣截图

在理论DIV CSS机关中根据需要决定HTML strike或CSS text-decoration设置装备摆设删除线贯通线、其它HTML删除线还大概运用<s>标签。

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h52241.shtml