灰色按鈕是常用的按鈕樣式之一，通常用于突出顯示某些重要的信息。使用 CSS 可以輕松地實現灰色按鈕。下面是一個簡單的示例代碼：

```html

<button class="灰色按鈕">點擊我</button>

```css

.灰色按鈕 {

background-color: #4CAF50;

color: white;

border: none;

padding: 10px 20px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 16px;

margin: 2px 2px;

cursor: pointer;

.灰色按鈕：hover {

background-color: #45a049;

上述代碼中，我們使用了 `background-color` 屬性來設置按鈕的背景顏色為灰色，并使用 `color` 屬性來設置按鈕的文本顏色為白色。使用 `border` 屬性將按鈕邊框設置為 none，使按鈕看起來更加完整。使用 `padding` 和 `text-align` 屬性來設置按鈕的邊距和居中對齊。使用 `text-decoration` 屬性來設置按鈕的下劃線。使用 `display` 屬性將按鈕設置為 inline-block，使其能夠像其他元素一樣排版。最后，使用 `font-size` 和 `margin` 屬性來設置按鈕的字體大小和邊框間距。當按鈕處于懸停狀態時，背景顏色將更改為灰色。

通過使用 CSS，我們可以輕松地創建灰色按鈕。無論您是用于導航、通知、還是其他應用程序，都可以使按鈕更加突出，同時保持其功能。