在網頁制作中，按鈕是常用的元素之一。而使用div+css來制作按鈕也是非常常見的方法。下面我們就來了解一下如何用div+css來制作按鈕。

/* CSS代碼 */
.btn {
display: inline-block; /* 將div設置為行內塊元素 */
padding: 10px 20px; /* 設置內邊距 (上下10px，左右20px) */
background-color: #99ccff; /* 設置背景顏色 */
color: #fff; /* 設置文字顏色 */
text-align: center; /* 文字居中 */
font-size: 16px; /* 設置字體大小 */
border-radius: 5px; /* 設置圓角 */
cursor: pointer; /* 鼠標移入時為手形光標 */
}
.btn:hover {
background-color: #66a3ff; /* 鼠標移入時改變背景顏色 */
}

通過上面的CSS代碼，我們可以制作一個簡單的按鈕。接下來，我們可以在HTML中應用這個按鈕樣式：

/* HTML代碼 */
<div class="btn">點擊我</div>

通過上面的代碼，我們就可以看到一個簡單的按鈕了。如果需要修改按鈕的樣式，只需要在CSS中修改相應的屬性值即可。

除了單個按鈕，我們還可以制作多個按鈕來創建一個按鈕組，示例如下：

/* CSS代碼 */
.btn-group {
text-align: center;
}
.btn-group .btn {
margin: 0 10px; /* 設置按鈕之間的間距 */
}
/* HTML代碼 */
<div class="btn-group">
<div class="btn">按鈕1</div>
<div class="btn">按鈕2</div>
<div class="btn">按鈕3</div>
</div>

通過上面的代碼，我們就可以看到一個簡單的按鈕組，這也是常見的網頁中常用到的按鈕樣式。

綜上所述，使用div+css來制作按鈕是非常簡單的。只需要在CSS中設置好樣式，然后在HTML中應用即可。而這樣的方式也更加靈活，方便修改樣式，適應不同的頁面需求。