Hi,歡迎訪問前端老白
<button>Click Me!</button>
button { background-color: #4CAF50; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }
以下是另一個按鈕樣式的代碼:
.button { background-color: white; color: black; border: 2px solid #4CAF50; } .button:hover { background-color: #4CAF50; color: white; }
<div id="button-container"> <button>Button 1</button> <button>Button 2</button> </div>
在CSS中,我們可以使用以下的樣式來控制 `
#button-container { text-align: center; } #button-container button { margin: 10px; width: 150px; }
老白網(wǎng)絡 (http://www.lofty888.cn/) 前端 后端 zblog主題.網(wǎng)站地圖xml