在 HTML 網頁設計中，常常需要使用按鈕來實現一些用戶交互操作。使用 div 和 CSS 可以方便地設計出多種不同樣式的按鈕。

要設計按鈕，首先需要使用 div 標簽來創建一個容器。通過 CSS 樣式來設計容器的外觀，例如顏色、邊框、圓角等。接著，在容器內添加文字或圖標等元素來構成按鈕。

<div class="button-container">
<i class="fa fa-search"></i>
<span>搜索</span>
</div>
.button-container {
display: inline-block;
padding: 10px 20px;
border: 1px solid #ccc;
border-radius: 5px;
color: #333;
font-size: 14px;
}
.button-container span {
margin-left: 5px;
}
.button-container i {
font-size: 12px;
margin-right: 5px;
}

以上代碼創建了一個搜索按鈕。我們使用了 Font Awesome 圖標庫中的搜索圖標，并在容器內添加了一個文字元素。使用 CSS 實現了容器的圓角邊框、背景顏色、文字顏色和圖標的樣式。

通過改變 CSS 樣式，可以方便地創建不同顏色和不同樣式的按鈕。例如，可以添加鼠標移入時的效果，使用偽類，比如:hover 來實現：

.button-container:hover {
background-color: #eee;
}

這樣，當鼠標移入按鈕時，按鈕的背景顏色就會改變為 #eee。

總之，使用 div 和 CSS 來設計按鈕可以讓 HTML 頁面更加美觀，也可以提高用戶交互性。