段落和段間距在網頁排版中是十分重要的元素。CSS提供了多種方式來設置段落和段間距，讓網頁排版更加美觀和易讀。下面將介紹一些常見的CSS段間距的寫法。 1. 使用margin屬性設置段間距 在CSS中，可以用margin屬性來設置元素的外邊距。如果想要給段落增加一定的段間距，可以在p標簽中添加如下樣式： pre{ margin-top: 10px; margin-bottom: 10px; } 上面的代碼將給所有pre標簽的段落添加10像素的段間距。margin-top屬性設置段落上方的間距，margin-bottom屬性設置段落下方的間距。 2. 使用padding屬性設置段落間隔 類似于margin屬性，CSS中還有一個padding屬性，它可以設置元素的內邊距。如果想要增加段落之間的間距，也可以在p標簽中添加如下樣式： pre{ padding-top: 10px; padding-bottom: 10px; } 上面的代碼將給所有pre標簽的段落添加10像素的內邊距，從而實現段間距的效果。padding-top屬性和padding-bottom屬性分別控制段落上方和下方的間距。 3. 使用line-height屬性設置段落行間距 除了外邊距和內邊距，CSS還提供了另外一種設置段間距的方式，那就是line-height屬性。line-height屬性用于設置文本行高度，也就是每行文本之間的距離。如果希望增加段落之間的行間距，可以在p標簽中添加如下樣式： pre{ line-height: 1.5; } 上面的代碼將給所有pre標簽的段落設置1.5倍的文本行高度，從而實現段落之間的行間距。 總結 通過margin、padding和line-height屬性，可以實現段落和段間距的多樣化效果。需要注意的是，在設置段落樣式時，要避免過度使用，以免影響網頁排版的整體效果。通過適當的段間距設置，可以讓網頁更加美觀和易讀。