<span style=" text-decoration:line-throughcolor:red">199元</span><br />
<span style="font-weight:boldcolor:green">现价：99元</span>
这个你用css设置就可以
打折后的价格，打折后原价数字上会加上一横线
可以使用css的
text-decoration:line-through
例如给一个文字加线的 酷呢嗯 css的例子 ku2n中的对小程序的text标签的html+css
<text>原价：969元</text>
css是：
text{
text-decoration:line-through；
width:200px
height:30px
line-height:30px
}
chrome 查看元素里被横线划掉的css，是因为属性的不支持或者层次被覆盖，解决方法如下：
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签、span标签创建商品价格的显示。
3、在test.html文件内，使用<style type="text/css"></style>标签来标识css代码编写区。
4、在css标签内，创建div，span标签的样式设置。
5、在css标签内，设置div的样式，使用font-size设置字体大小为20px，line-height设置行高为50px。
6、在css标签内，设置span的样式，使用color设置文字颜色为红色，text-decoration设置删除线的效果。
7、在浏览器打开test.html页面，可见，实现了将价格划掉的效果。
