CSS中的button用法是非常常見的，它可以作為一種交互方式，為用戶提供可點(diǎn)擊的按鈕來完成某種操作。如果我們想要使用button樣式，那么我們需要在HTML中使用button標(biāo)簽，如下：

<button>點(diǎn)擊我</button>

我們還可以給button添加一些樣式，比如調(diào)整寬高、設(shè)置背景色、設(shè)置字體等，如下：

<button style="width: 100px; height: 36px; background-color: #157efb; color: #fff; font-size: 14px;">點(diǎn)擊我</button>

通過上述代碼，我們給button設(shè)置了寬高，設(shè)置了背景色為#157efb，字體顏色為白色，字體大小為14px。

我們還可以給button添加鼠標(biāo)移上去、點(diǎn)擊、離開時(shí)的樣式，如下：

<button class="btn">點(diǎn)擊我</button>
.btn {
width: 100px;
height: 36px;
background-color: #157efb;
color: #fff;
font-size: 14px;
cursor: pointer;
border-radius: 3px;
outline: none;
}
.btn:hover {
background-color: #0f6def;
}
.btn:active {
background-color: #0d63c2;
transform: translateY(2px);
}
.btn:focus {
box-shadow: 0 0 0 2px rgba(44, 132, 249, 0.2);
}

通過上述代碼，我們?yōu)閎utton添加了四個(gè)狀態(tài)的樣式：鼠標(biāo)移上去改變背景色為#0f6def，點(diǎn)擊時(shí)背景色為#0d63c2并向下移動(dòng)2px，當(dāng)button被聚焦時(shí)，添加一個(gè)藍(lán)色的邊框。

在實(shí)際開發(fā)中，我們還可以通過使用框架或是庫來快速開發(fā)出漂亮的button樣式。比如Bootstrap中的button樣式：

<button class="btn btn-primary">點(diǎn)擊我</button>

通過使用Bootstrap，可以輕松地為button添加漂亮的樣式。