Button樣式是網頁開發中非常重要的一部分,通過CSS樣式表可以實現各種不同的button樣式。本文將通過預設樣式和自定義樣式兩種方式,來介紹如何在網頁開發中使用Button樣式的CSS。
/* 預設樣式 */ button { background-color: #4CAF50; /* 按鈕背景色 */ color: white; /* 按鈕文字顏色 */ border: none; /* 邊框 */ border-radius: 5px; /* 邊框圓角 */ padding: 10px 20px; /* 按鈕內邊距 */ cursor: pointer; /* 鼠標樣式 */ } /* 自定義樣式 */ .button-style { background-color: #555555; color: white; border: none; border-radius: 15px; padding: 15px 25px; cursor: pointer; box-shadow: 0px 5px 10px #888888; } /* HTML代碼 */
通過以上代碼可以看出,使用CSS樣式表可以輕松地實現Button的樣式定制,而預設樣式和自定義樣式可以根據自己的需要進行選擇。在實際開發中,我們可以根據不同的場合和風格來選擇不同的樣式,從而增加頁面的美感和使用體驗。
上一篇css 加邊框 位置會變
下一篇bmap.css作用