在网页设计中，我们常常会使用到价格这个元素。如果我们想要将某个价格标注为特惠或者促销，通常会在中间加上一条横线来表示。那么，在CSS中，如何实现这个效果呢？下面就给大家介绍一下。

.price {
text-decoration: line-through;
}

如上代码，我们可以使用text-decoration属性来实现价格中间的横线效果。其中，line-through表示在文本中添加一条横线，从而达到价格划掉的效果。

再来看一个实际的例子：

<p>商品A: $50</p>
<p class="sale_price">特惠价: $30</p>
.sale_price {
text-decoration: line-through;
color: red;
}

在这个例子中，我们给原价和促销价都加了一个p标签，并且给促销价的p标签增加了一个class为“sale_price”。在CSS中，我们通过在class选择器中设置text-decoration为line-through来给价格加上横线，同时设置了价格的字体颜色为红色。

怎样，是不是很简单呢？使用CSS的text-decoration属性，我们就可以方便地为价格加上中间的横线，让页面看起来更加美观。