CSS是一種非常強大的樣式語言,它可以讓我們對網頁的樣式進行精細化的控制。其中,按鈕是我們常常需要進行樣式修改的元素之一。本文將介紹如何通過CSS為所有按鈕添加屬性。
button { /* 添加屬性 */ color: white; background-color: #4CAF50; border: none; padding: 15px 32px; text-align: center; cursor: pointer; font-size: 16px; } /* 按鈕懸浮狀態 */ button:hover { background-color: #3e8e41; } /* 按鈕激活狀態 */ button:active { background-color: #4CAF50; transform: translateY(2px); }
以上代碼中,我們使用了CSS的選擇器,將按鈕元素的樣式進行修改。首先,我們給按鈕設置了文字顏色和背景顏色,并去掉了邊框。然后,我們設置了元素內邊距、文本居中對齊以及鼠標光標樣式。最后,我們添加了按鈕懸浮狀態和激活狀態的樣式。
通過這樣的方式,我們可以為所有的按鈕元素添加樣式屬性,讓它們看起來更加美觀、統一。