CSS（層疊樣式表）是前端開發中必不可少的一項技能。在建立網頁時，我們經常需要設計小按鈕來美化頁面，比如顏色不同的“提交”、“取消”按鈕等等。下面我們將介紹如何使用CSS來制作小按鈕。

.btn {
display: inline-block;
padding: 0.5em 1em;
border: none;
border-radius: 0.2em;
color: #fff;
font-size: 1.2em;
text-align: center;
text-decoration: none;
background-color: #007bff;
box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.5);
transition: background-color 0.3s;
}
.btn:hover {
background-color: #0056b3;
}
.btn:active {
box-shadow: 0 0.1em 0.2em rgba(0,0,0,0.5);
transform: translateY(0.1em);
}

以上代碼是一個基礎的按鈕樣式，我們可以按照上述樣式來自定義不同按鈕的顏色、大小、字體、邊框等等參數。比如下面是一個藍色按鈕的樣式：

.btn-blue {
background-color: #007bff;
}
.btn-blue:hover {
background-color: #0056b3;
}

當我們需要使用該樣式時，只需在HTML代碼中加入“btn-顏色名稱”類名，如提交按鈕的HTML代碼應該是這樣的：

<button type="submit" class="btn btn-blue">提交</button>

這樣就可以使用已定義好的樣式進行制作小按鈕了，是否很方便呢。