CSS中按鈕有陰影的示例文章：

CSS是用于設計和布局網頁的一種強大的工具，可以幫助我們創建各種樣式和效果。在CSS中，我們可以使用陰影效果來為按鈕添加一種獨特的外觀。下面是一個使用CSS中陰影效果來創建按鈕的示例文章。

首先，我們需要在HTML中創建按鈕元素，并使用CSS來定義其樣式。

```html

<button class="button">點擊我</button>

接下來，在CSS中，我們可以使用以下代碼來定義按鈕的樣式：

```css

.button {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

font-size: 16px;

.button:hover {

background-color: #3e8e41;

上述代碼中，我們使用了background-color屬性來設置按鈕的背景顏色，使用了color屬性來設置按鈕的文本顏色，使用了padding、border-radius、cursor和font-size屬性來設置按鈕的樣式。當按鈕處于懸停狀態時，我們使用了background-color屬性來設置按鈕的hover狀態顏色。

```css

.button {

background-color: #4CAF50;

color: white;

padding: 10px 20px;

border: none;

border-radius: 5px;

cursor: pointer;

font-size: 16px;

.button:hover {

background-color: #3e8e41;

.button:hover {

background-size: cover;

通過使用CSS中陰影效果，我們可以為按鈕添加一種獨特的外觀，使其更具吸引力和易用性。我們還可以根據需要自定義陰影效果的外觀和顏色，以滿足不同的需求。