在CSS+DIV中如何做到将价格划掉的效果

1 用到的知识点是html中 tex-decoration 属性；text-decoration的液辩销属性包括： {text-decoration:overline}{text-decoration:line-through}{text-decoration:underline}{text-decoration:blink}
将价格划掉的效果用到的是line-through值。
2 下面是tex-decoration 的使用案例，代码可以直接复制到浏览器上面进行运行。
<html>
<head>
<style type="text/css">
h2 {text-decoration: line-through}
</style>
</head>
<body>
<h2>20元</h1>
</body>
</html>
3 下面灶或是案例在浏览器上运行的效果闹游图：

<div style="text-decoration:line-through">10000</div>

文章标签：

来自：[划掉: ]

本文链接：https://www.u1e.cn/baike/a/18121f3c69456bd0f358adf6 [复制]