CSS3所有按鈕 CSS3是一種用于描述網頁上樣式的語言。其中，按鈕是網頁中不可或缺的元素之一。在CSS3中，有多種方式來實現按鈕的樣式。下面介紹幾種常用的方式： 1. 默認樣式按鈕 p { background-color: #4CAF50; /* 背景顏色 */ border: none; /* 邊框 */ color: white; /* 文字顏色 */ padding: 15px 32px; /* 圖標和文本之間的距離 */ text-align: center; /* 文本居中 */ text-decoration: none; /* 文本裝飾 */ display: inline-block; /* 行內元素 */ font-size: 16px; /* 文字大小 */ } 該樣式產生的按鈕具有綠色背景、白色文字和無邊框效果。 2. 鼠標懸浮效果按鈕 p:hover { background-color: #555555; /* 鼠標懸停時的背景顏色 */ color: white; /* 文字顏色 */ } 該樣式產生的按鈕具有鼠標懸浮時背景顏色變為灰色的效果。 3. 帶邊框按鈕 p { border: 2px solid #4CAF50; /* 邊框 */ } 該樣式產生的按鈕具有綠色邊框的效果。 4. 帶邊框和鼠標懸浮效果按鈕 p:hover { background-color: #4CAF50; color: white; } p { border: 2px solid #4CAF50; } 該樣式在第3種樣式的基礎上，添加了鼠標懸浮時的背景顏色和文字顏色變化。 5. 圓角按鈕 p { border-radius: 8px; /* 圓角半徑 */ } 該樣式會產生圓角效果的按鈕。 6. 漸變背景按鈕 p { background: linear-gradient(to bottom, #4CAF50, #3E8E41); /* 漸變顏色 */ } 該樣式會產生從上到下顏色漸變的按鈕。 總結 以上是常見的6種CSS3按鈕樣式，它們可以用于美化網頁，增強用戶體驗。有了這些樣式的了解，可以更有效地為網頁的設計和開發做出貢獻。