首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在降价时显示双下划线?

在降价时显示双下划线可以使用HTML和CSS来实现。以下是一个简单的示例:

HTML代码:

代码语言:html
复制
<div class="sale-price">
  <span class="original-price">原价:¥100</span>
  <span class="discounted-price">降价:¥80</span>
</div>

CSS代码:

代码语言: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来添加一个下划线。

这样,当降价时,用户就可以通过双下划线来快速识别出降价的价格。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

1分20秒

DC电源模块基本原理及常见问题

领券