CSS 文字上下留白是一種常見的排版技巧，可以讓文本看起來更具可讀性和吸引力。下面將介紹如何使用 CSS 來創建文字上下留白。

1. 使用 negative space

使用 negative space 是創建文字上下留白的最常見和最簡單的方法。negative space 是指相對于父元素的絕對位置，從左右或上下方向上減去的空格。例如，如果想讓文本的左下部分留白，可以使用以下 CSS 樣式：

```css

text-align: right;

margin-right: -10px; /* 10px 是左右方向上減去的空格長度 */

這將把文本向右對齊，并在右下部分留白 10 像素。請注意，這只是一個示例，具體的留白大小需要根據具體的情況進行調整。

2. 使用 background-color

另一個使用 CSS 創建文字上下留白的方法是使用 background-color。這種方法是通過在父元素上設置 background-color 來填充留白區域。例如，以下樣式將在背景色上填充 10 像素的留白：

```css

background-color: #f00;

3. 使用絕對定位和 transform

使用絕對定位和 transform 也可以創建文字上下留白。這種方法需要一些額外的技術，但可以使代碼更易于閱讀和維護。例如，以下樣式將在父元素的底部創建 10 像素的留白：

```css

position: relative;

bottom: 10px;

接下來，使用 CSS 的 transform 屬性，將父元素的水平方向旋轉 90 度，使底部成為留白區域：

```css

position: relative;

bottom: 10px;

transform: rotate(-90deg);

請注意，這種方法需要一定的技術知識和實踐經驗，因此并不是每個人都喜歡使用。

4. 總結

通過使用 CSS 的 negative space、background-color、絕對定位和 transform 等方法，可以創建文字上下留白。不同的方法和技巧適用于不同的情況和用途，因此需要根據具體的情況進行調整和選擇。