在網頁設計中，為了讓文本更加清晰易讀，我們通常會將文字與其它元素隔開。那么，在 CSS 樣式表中，我們要怎么實現這個效果呢？ 一、使用 margin 屬性 在 CSS 樣式表中，可以使用 margin 屬性來設置文本與其它元素之間的間隔。這個屬性可以對上、下、左、右四個方向的間距進行設置。 例如： p { margin-top: 20px; // 上邊距為 20 像素 margin-bottom: 10px; // 下邊距為 10 像素 margin-left: 30px; // 左邊距為 30 像素 margin-right: 50px; // 右邊距為 50 像素 } 二、使用 padding 屬性 除了使用 margin 屬性，我們也可以使用 padding 屬性來設置文本與其它元素之間的間隔。這個屬性同樣可以對上、下、左、右四個方向的內邊距進行設置。 例如： p { padding-top: 20px; // 上內邊距為 20 像素 padding-bottom: 10px; // 下內邊距為 10 像素 padding-left: 30px; // 左內邊距為 30 像素 padding-right: 50px; // 右內邊距為 50 像素 } 三、使用 border 屬性 除了使用 margin 和 padding 屬性，我們也可以使用 border 屬性來設置文本與其它元素之間的間隔。這個屬性同樣可以對上、下、左、右四個方向的邊框進行設置。 例如： p { border-top: 1px solid #ccc; // 上邊框為 1 像素的實線，顏色為 #ccc border-bottom: 2px dashed #000; // 下邊框為 2 像素的虛線，顏色為 #000 border-left: 3px dotted #f00; // 左邊框為 3 像素的點狀線，顏色為 #f00 border-right: 4px double #369; // 右邊框為 4 像素的雙線，顏色為 #369 } 通過這些方法，我們可以很容易地讓文本與其它元素之間保持一定的間隔，使得頁面更加美觀易讀。