css价格加横线,css加一条线：代码示例

在网页设计中，我们经常需要给价格等特殊内容添加一条横线，以突出显示。这可以通过使用CSS来实现。下面是一个示例代码，演示如何使用CSS给价格添加一条横线：

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

在上面的代码中，我们使用了`text-decoration`属性，并将其值设置为`line-through`。这会在价格文本上方添加一条横线，以达到划掉价格的效果。

接下来，我们可以将这个CSS类应用到HTML元素中，例如一个价格标签：

<span class="d314-6f1f-6849-1c57 price">$99.99</span>

通过将`price`类应用到`<span>`元素上，我们可以使价格文本显示为划掉的效果。

除了给价格添加横线，我们还可以使用CSS给其他文本添加一条线。下面是一个示例代码，演示如何使用CSS给文本添加一条线：

.text {
  text-decoration: underline;
}

在上面的代码中，我们同样使用了`text-decoration`属性，但将其值设置为`underline`。这会在文本下方添加一条线，以突出显示。

接下来，我们可以将这个CSS类应用到HTML元素中，例如一个段落：

<p class="1c57-0179-c111-f065 text">这是一个示例文本。</p>

通过将`text`类应用到`<p>`元素上，我们可以使文本显示为带有下划线的效果。

通过使用上述示例代码，我们可以轻松地实现给价格添加横线和给文本添加下划线的效果。这些简单的CSS技巧可以帮助我们在网页设计中更好地展示特殊内容。