在網頁設計中，按鈕是非常常見的元素，而Div按鈕則是一種常見的使用CSS實現的按鈕。在這篇文章中，我們來探討一下Div按鈕在點擊前和點擊后樣式的改變。

首先，我們需要了解的是，通過CSS實現Div按鈕的樣式改變可以使用偽類選擇器。而最常用的偽類選擇器就是:hover，表示鼠標懸停在元素上方時的狀態。

下面是一個簡單的Div按鈕的CSS樣式：

div.button {
background-color: #3366cc;
color: #ffffff;
padding: 10px 20px;
border-radius: 5px;
text-align: center;
}

這個樣式可以讓Div元素顯示為一個藍色背景、白色文字的按鈕。但這個樣式在鼠標懸停時沒有變化，我們需要添加:hover偽類選擇器。

div.button:hover {
background-color: #6699cc;
cursor: pointer;
}

在鼠標懸停時，這個樣式會使Div元素的背景色變為深藍色，同時鼠標指針也會變成手形，以提示用戶可以點擊該元素。

當然，這只是Div按鈕的一種簡單樣式改變，我們可以根據需要組合使用不同的CSS屬性，以達到更豐富的變化效果。

總的來說，通過CSS實現Div按鈕樣式的改變十分靈活方便，同時也可以讓網頁的樣式更具個性化。