CSS3是現代網頁設計中必不可少的一個技術。而其中的div是布局的重要元素之一，它可以讓網頁更加美觀、合理地呈現內容。在使用div時，底部的設計顯得尤為重要，不僅可以為網頁增加層次感，還能讓信息更加清晰易讀。

下面我們來看一下如何用CSS3來設計div底部：

div {
position: relative;
}
div::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5px;
background-color: #ccc;
}
div p {
margin-bottom: 10px;
}

這段代碼中，我們首先為div設置了相對定位，這樣它的子元素就可以根據他來進行定位。接著，我們使用偽元素::before來創建一個橫向條紋的背景，并將它定位在底部。此外，我們還為div中的p標簽添加了一個margin-bottom屬性，來保證每個段落之間存在適當的間隔。

使用這種方式進行div底部的設計，可以讓網頁更加清晰整潔，同時也增加了一些美觀度。我們可以根據需要來調整代碼中的數值和顏色，以達到最佳的效果。