CSS中怎么加分隔線？ 分割線是CSS設計中常用的一個元素，用來美化頁面布局。在實際開發中，我們可以使用CSS樣式來添加不同風格和布局的分割線。接下來，本文將為大家介紹CSS中如何添加不同的分割線。 1. 簡單的水平分割線 對于簡單的水平分割線，我們可以使用CSS的邊框樣式來繪制。需要注意的是邊框樣式只有在元素有寬度的時候才會起作用。 下面是一個例子:

p {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

代碼解析：上面的例子中，我們定義了一段文字的樣式，設定了上下邊框的樣式，顏色是 #ccc，寬度是1像素，并且樣式是solid（實線）。 2. 使用偽元素繪制分割線 我們可以使用CSS3中的偽元素來繪制分割線。以下是一個簡單的例子：

p:before {
content: "";
display:inline-block;
width: 20px;
height: 1px;
background-color: #000;
}

代碼解析：在偽元素:pseudo元素中，我們通過:before，來定義一個新的元素并在p元素前添加。給這個新的元素添加了寬度20像素，高度1像素，顏色是#000的背景色。 3. 垂直分割線 在某些情況下，我們需要添加垂直分割線。我們可以使用CSS中的邊框樣式來繪制垂直分割線。

p {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

代碼解析：在這個例子中，我們使用了類似水平分割線的方式，但是需要改變的是邊框樣式是在左右邊框上定義的。 以上就是CSS中如何添加分割線的方法。我們可以根據需要使用不同的方法，為頁面增加更多的美感。