<div>是HTML中的一個標簽，表示一個網頁中的一個區塊。我們可以使用CSS來美化這些區塊，其中之一就是通過設置div的邊框樣式來創建各種線條效果。以下是幾個使用div和CSS來創建線條的例子。
第一個例子是創建一個水平線條。我們可以使用CSS的border屬性來設置div的邊框樣式，通過設置邊框的寬度、顏色和樣式來創建線條。下面是一個示例代碼：

<div class="horizontal-line"></div>

.horizontal-line {
border-top: 1px solid black;
}

在這個例子中，我們創建了一個class為horizontal-line的div，并使用CSS設置了其上邊框的寬度為1像素、顏色為黑色、樣式為實線。這樣就創建出了一條水平線條。
第二個例子是創建一個豎直線條。同樣使用border屬性，我們可以設置邊框的左邊框或右邊框樣式來創建豎直線條。以下是一個示例代碼：

<div class="vertical-line"></div>

.vertical-line {
border-left: 1px dashed grey;
}

在這個例子中，我們創建了一個class為vertical-line的div，并使用CSS設置了其左邊框的寬度為1像素、顏色為灰色、樣式為虛線。這樣就創建出了一條豎直線條。
第三個例子是創建一個斜線。使用CSS的transform屬性，我們可以旋轉一個div來實現斜線效果。以下是一個示例代碼：

<div class="diagonal-line"></div>

.diagonal-line {
border: 1px solid red;
width: 100px;
height: 100px;
transform: rotate(45deg);
}

在這個例子中，我們創建了一個class為diagonal-line的div，并使用CSS設置了其邊框樣式為1像素紅色實線、寬度為100像素、高度為100像素。通過設置transform屬性中的rotate值為45度，就可以將這個div旋轉45度，從而創建出一條斜線。
通過以上幾個例子，我們可以看到通過設置div的邊框樣式，我們可以簡單地創建出各種線條效果。這些例子只是冰山一角，通過靈活運用CSS的各種屬性，我們可以實現更多豐富的線條效果，為網頁的設計增添一份獨特的魅力。