當前位置:編程學習大全網 - 熱門推薦 - 怎樣在HTML中插入Button按鈕,且按鈕要顯示顏色

怎樣在HTML中插入Button按鈕,且按鈕要顯示顏色

首先插入內容:

<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的圓角化

參考資料:

mdn技術文檔-button標簽的介紹

  • 上一篇:手機sd卡是什麽意思手機sd卡的解釋
  • 下一篇:(求)網上免費動漫的網址最好是BL的!
  • copyright 2024編程學習大全網