📅  最后修改于: 2023-12-03 15:12:48.715000             🧑  作者: Mango
在网上购物或电商活动中,常常需要显示商品的价格和促销信息。这时候,利用代码框文本颜色的方式可以让这些信息更加醒目、突出。
<span style="color:red">¥29.99</span>
上述代码中,<span>
标签用于创建一个内联元素,它可以容纳一段文本或其他 HTML 元素。style
属性用于设置此 <span>
元素的样式,其中 color:red
表示文字颜色为红色。
¥29.99
除了红色外,我们可以根据不同的底色,选择不同的文字颜色来突出价格。比如在白色背景下,使用蓝色:
<span style="color:blue">¥29.99</span>
效果如下:
¥29.99
如果想要更加突出,可以在文字前、后添加符号:
<span style="color:red">¥<strong>29.99</strong></span>
效果如下:
¥29.99
代码框文本颜色是一种非常简单却实用的突出显示方式,适用于在网上购物、促销活动、电商网站等场景下使用。只需要在需要突出显示的文字外层套上 span
标签,然后为其设置颜色即可。