在CSS中，我們可以使用多種方法來(lái)添加價(jià)格上的斜線，以下是一些常見(jiàn)的方法：
1、使用CSS的text-decoration屬性：
通過(guò)text-decoration屬性，我們可以添加下劃線、上劃線、刪除線等裝飾效果，要添加價(jià)格上的斜線，我們可以設(shè)置text-decoration為line-through。
```css
.price {
text-decoration: line-through;
}
```
2、使用CSS的position和rotate屬性：
通過(guò)調(diào)整元素的位置和旋轉(zhuǎn)角度，我們可以創(chuàng)建出斜線的視覺(jué)效果，這種方法需要更多的CSS技巧，但可以實(shí)現(xiàn)對(duì)斜線的***控制。
```css
.price {
position: relative;
&::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background: #000;
transform: rotate(-45deg);
}
}
```
3、使用HTML和CSS結(jié)合：
通過(guò)HTML元素和CSS樣式的結(jié)合，我們可以創(chuàng)建出價(jià)格上的斜線，這種方法可以利用HTML元素的語(yǔ)義化特點(diǎn)，結(jié)合CSS樣式來(lái)實(shí)現(xiàn)視覺(jué)效果。
```html
<span class="price">￥100</span>
```
```css
.price {
position: relative;
&::before {
content: "￥";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%) rotate(-45deg);
}
}
```
方法都可以實(shí)現(xiàn)價(jià)格上斜線的添加，具體使用哪種方法取決于你的需求和設(shè)計(jì)需求，希望這些方法能對(duì)你有所幫助！
