价格中间有条线，就是这个价格作废，启用新的价格，这个用css样式怎么写？？？求指教！！！

html-css014

价格中间有条线，就是这个价格作废，启用新的价格，这个用css样式怎么写？？？求指教！！！,第1张

中间那条线叫做删除线，使用css的text-decoration:line-through就可以设置删除线，实例如下：

<span style=" text-decoration:line-throughcolor:red">199元</span><br />

<span style="font-weight:boldcolor:green">现价：99元</span>

<style type="text/css">

body {

font-size:18px

}

small {font-size:14px}

-->

</style>

<body>

99<small>.23</small>

</body>

<li style="text-decoration:line-through">价格</li>

或者

<style type="css/text">

.lankii{text-decoration:line-through}//用class引用lankii

#lankii{text-decoration:line-through}//用id引用lankii,这个css效果优先于class

</style>

<span class=“lankii”>价格</span>

<span id=“lankii”>价格</span>