首先插入內容:
<button type='button' class='btn-style'>點擊</button>
css樣式有兩種,壹種是定義壹個class,命名為btn-style(此處定義為紅色背景)
.btn-style{
background-color:red
}
另壹種定義:直接在button標簽上寫內聯樣式,如下:
<button type='button' style='background-color:red'>點擊</button>
效果如下,按鈕紅色背景:
代碼截圖如下:
擴展資料:
1、<button> 標簽定義壹個按鈕。在 button 元素內部,您可以放置內容,比如文本或圖像。
2、同樣設置按鈕其他樣式,比如:
邊框:border:1px solid #1054ff;//表示邊框為1px,實體線,顏色為#1054ff
字體顏色:color:#1054ff;//表示字體顏色為#1054ff
按鈕圓角設置:border-radius:4px;//表示按鈕四個角有4px的圓角化
參考資料: