在降价时显示双下划线可以使用HTML和CSS来实现。以下是一个简单的示例:
HTML代码:
<div class="sale-price">
<span class="original-price">原价:¥100</span>
<span class="discounted-price">降价:¥80</span>
</div>
CSS代码:
.sale-price {
display: inline-block;
}
.original-price {
text-decoration: line-through;
}
.discounted-price {
font-weight: bold;
text-decoration: underline;
}
在这个示例中,我们使用了一个包含两个子元素的<div>
元素,分别表示原价和降价。通过CSS样式,我们将原价使用了line-through
来添加一个删除线,而将降价使用了underline
来添加一个下划线。
这样,当降价时,用户就可以通过双下划线来快速识别出降价的价格。
领取专属 10元无门槛券
手把手带您无忧上云