CSS把div加一條橫線的方法如下：

在HTML文檔中，可以使用CSS來給DIV元素添加一條橫線。以下是一種簡單的CSS代碼示例，可以在div元素中添加一條水平線：

```html

<div style="width: 200px; height: 100px; background-color: blue; line-height: 100px;">

這是一個DIV元素，里面包含了一條水平線。

</div>

在上面的代碼中，我們使用了`line-height`屬性來設置水平線的垂直和水平長度。值`100px`表示水平線的長度為100像素。我們使用了`background-color`屬性來設置背景顏色為藍色，并使用了`width`和`height`屬性來設置DIV元素的寬度和高度。最后，我們使用了`style`標簽來設置DIV元素的樣式。

如果您想給DIV元素添加多條橫線，可以使用多個`line-height`屬性來設置不同的水平長度。例如，以下代碼可以為每個橫線添加不同的水平長度：

```html

<div style="width: 200px; height: 100px; background-color: blue; line-height: 20px; ">

這是一個DIV元素，里面包含了多條水平線。

</div>

在上面的代碼中，我們使用了`line-height`屬性來設置水平線的垂直和水平長度。值`20px`表示每條水平線的長度為20像素。我們使用了`background-color`屬性來設置背景顏色為藍色，并使用了`width`和`height`屬性來設置DIV元素的寬度和高度。最后，我們使用了`style`標簽來設置DIV元素的樣式。

總之，通過使用CSS，我們可以給HTML文檔中的DIV元素添加各種類型的樣式，包括水平線。