在網頁設計中，按鈕是很重要的元素之一。通過 CSS3 提供的多種樣式，可以讓按鈕變得更加美觀、易于識別。其中，灰色按鈕是一種常見的應用。下面通過代碼演示，給大家分享如何用 CSS3 制作一個灰色按鈕。

button {
background-color: #ccc;
border: none;
color: #fff;
padding: 12px 24px;
border-radius: 5px;
font-size: 16px;
text-align: center;
text-decoration: none;
display: inline-block;
transition-duration: 0.4s;
cursor: pointer;
}
button:hover {
background-color: #555;
}

以上代碼中，首先設置按鈕的背景顏色為 #ccc，即灰色，邊框為 none，即沒有邊框，字體顏色為 #fff，即白色，內邊距為 12px 上下，24px 左右，邊框圓角為 5px，字體大小為 16px，并設置文字居中，無下劃線，以及 inline-block 屬性以便顯示為一個塊級元素。

此外，為了讓按鈕在鼠標懸停時有更好的交互效果，我們增加了一個:hover 偽類，將背景色設置為 #555，即更深的灰色，通過 transition-duration 屬性控制顏色過渡時長為0.4s，讓顏色更加自然地過渡。

通過上述代碼，我們就可以實現一個簡單的 CSS3 灰色按鈕。當然，如果你希望調整按鈕的大小、字體、邊框等屬性，也可以根據自己的需求進行修改。