在編寫網頁代碼時，我們經常需要使用div來劃分頁面的各個部分，加上CSS樣式能夠使頁面更加美觀、易讀、易維護和易擴展。下面我們介紹一下如何使用CSS為div添加樣式。

<div class="mydiv">Hello World!</div>
.mydiv{
color: red;
font-size: 16px;
border: 1px solid black;
padding: 10px;
}

上述代碼中，我們先創建了一個class為“mydiv”的div元素，然后在CSS樣式表中添加了一個樣式選擇器“.mydiv”，為這個class添加了四個樣式屬性，分別是顏色、字體大小、邊框樣式和內邊距。

注：在CSS樣式表中，class以英文句點開頭，id以#符號開頭。

我們可以根據需要添加更多的樣式屬性，比如背景色、文字對齊、圓角邊框等等。同時，我們也可以使用復合樣式屬性來方便地調整元素的樣式。

.mydiv{
color: red;
font: italic bold 16px/1.5 Arial, sans-serif;
border: 1px solid black;
padding: 10px;
}

上述代碼中，“font”屬性用來設置字體樣式，包括字體風格（italic）、粗細程度（bold）、字體大小（16px）和行高（1.5），以及字體族（Arial, sans-serif）。這樣，我們就可以一次性設置多個樣式屬性，簡化代碼編寫。

總之，使用CSS樣式為div元素添加樣式，可以讓我們更好地控制網頁的外觀和布局，達到更好的視覺效果，更好的用戶體驗。