文字兩邊有距離的CSS 在網頁設計中，為了讓頁面看起來更加美觀，我們經常會在文字兩邊添加一些距離。今天我們來介紹一下如何使用CSS實現文字兩邊有距離的效果。 首先，我們可以使用padding屬性來添加文字兩邊的距離。例如： ``` p { padding: 10px; } ``` 這樣就會在每個段落的左右各添加10像素的距離。 如果我們要控制“左距離”和“右距離”不同，可以使用padding-left和padding-right屬性分別設定左右距離的大小。例如： ``` p { padding-left: 20px; padding-right: 10px; } ``` 這樣就會在每個段落的左邊添加20像素的距離，右邊添加10像素的距離。 另外，我們還可以使用text-indent屬性實現文字兩邊的距離。這個屬性用來設置段落首行縮進的大小，如果我們希望整個段落的文字都有左右距離，可以將text-indent屬性設為負值。例如： ``` p { text-indent: -10px; } ``` 這樣就會使每個段落的文字都向左縮進10像素，從而實現了文字兩邊的距離效果。 如果我們希望在使用text-indent屬性的同時也能夠控制具體的左右距離大小，可以將padding屬性與text-indent結合使用。例如： ``` p { text-indent: -10px; padding-left: 20px; } ``` 這樣就會使每個段落的文字向左縮進10像素，并在左邊添加20像素的距離。 以上就是使用CSS實現文字兩邊有距離效果的方法。希望這篇文章能夠幫助到大家。