CSS技术可以帮助我们制作出炫酷的网页效果，比如在价格文字中间加上横线。这个效果可以让价格更加醒目，提示用户节省多少钱。下面让我们来看看如何用CSS制作这个效果。

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

上面的代码中，我们给价格文字添加了一个CSS属性text-decoration，并把它的取值设为line-through。这个取值意味着在文字中间添加一条横线，就像这样：

$50.00

如果你想让价格后面加上一个新的价格（比如打折后的价格），你可以再加一个元素来实现：

.price {
text-decoration: line-through;
}
.new-price {
color: red;
font-weight: bold;
}

在上面的代码中，我们又添加了一个新的CSS选择器.new-price，并给它设置了两个属性：颜色和字体粗细。这个新的元素可以放在原来的价格后面：

$50.00

$30.00

现在你已经知道如何使用CSS在价格中间加上横线了。如果你想让你的网页更加炫酷，可以尝试使用这个效果哦！