在前端開發中，CSS是必不可少的一部分。其中，div是經常被用來布局頁面的HTML元素之一。今天我們就來看看如何使用CSS來簡單地美化一個div。

<div class="box">
<h4>這是一個標題</h4>
<p>這是一段文本</p>
</div>
.box {
width: 200px;
height: 150px;
background-color: #e0e0e0;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
padding: 20px;
}
h4 {
font-size: 18px;
margin-bottom: 10px;
}
p {
font-size: 14px;
}

上面的代碼中，我們首先定義了一個class為box的div元素，并設置了它的寬度、高度、背景顏色、邊框、圓角、文本居中以及內邊距。同時，我們也在該div中添加了一個標題和一段文本。

接下來，我們使用CSS來為標題和文本設置樣式。具體來說，我們設置了標題的字體大小和底部邊距，以及文本的字體大小。

通過這些簡單的CSS樣式，我們就成功地美化了一個div元素，讓它看起來更加漂亮、整潔。