CSS斜刪除線是一種常用的CSS樣式，可以將文本內容從正文中分離出來，使其呈現為斜體或斜線形式。本文將介紹如何使用CSS實現斜刪除線。

一、斜刪除線的定義

斜刪除線通常使用“°”符號表示，例如：

text-transform: rotate(-45deg);

其中，“-45deg”表示斜刪除線的旋轉角度，可以通過設置旋轉后的偏移量來控制斜刪除線的傾斜程度。

二、斜刪除線的示例

下面是一個示例，展示了如何使用CSS實現斜刪除線：

<p style="text-transform: rotate(-45deg);">這是一段斜體文本</p>

在這個示例中，“這是一段斜體文本”被旋轉了-45deg，從而使其呈現為斜體形式。

三、其他樣式選項

除了“°”符號外，還可以通過其他CSS樣式選項來創建斜刪除線：

1. 使用“transform”屬性

使用“transform”屬性可以設置斜刪除線的旋轉和傾斜角度。例如：

text-transform: rotate(-45deg);

transform: rotate(-45deg);

2. 使用“CSS3動畫”

使用CSS3動畫可以將文本內容從正文中分離出來，并呈現為斜體或斜線形式。例如：

.分離文本 {

position: relative;

width: 200px;

height: 100px;

text-align: center;

.分離文本：before,

.分離文本：after {

content: "";

position: absolute;

top: 0;

left: 100px;

width: 100px;

height: 80px;

background: red;

transform: rotate(-45deg);

transform-origin: 0 100%;

.分離文本：after {

left: 0;

transform: rotate(45deg);

transform-origin: 100% 100%;

在這個示例中，“這是一段斜體文本”被分離成了兩個部分，其中一個部分呈現為紅色，另一個部分呈現為藍色。

通過使用CSS，我們可以輕松地實現斜刪除線。使用“°”符號和CSS3動畫是最常用的方法。還有其他一些選項可以使用，例如“transform”屬性和“CSS3動畫”。