在CSS中,按鈕通常使用
.btn { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }
以上是一個通用的樣式類“btn”,其中包含了按鈕的背景、邊框、文字、內邊距、對齊方式、字體大小等。當我們需要使用這個樣式類樣式的按鈕時,只需在
<button class="btn">提交</button>
如果我們需要為特定按鈕添加額外的樣式,只需在樣式類中添加相應的樣式即可:
.btn-primary { background-color: #2196F3; color: white; border-radius: 5px; }
在以上類中,我們給按鈕添加了一個底部的圓角邊框,并將背景顏色設置為藍色。同樣的,我們在
<button class="btn btn-primary">提交</button>
CSS中的按鈕樣式類有很多,我們可以根據需要選擇使用。注意,為了避免樣式沖突,不建議將樣式類名稱設置為CSS關鍵字或HTML元素名稱。另外,為了兼容老版瀏覽器,建議將所有按鈕元素設置為
上一篇ajax與服務器異步交互
下一篇css偽懸元素用途