CSS可以通過添加樣式來美化按鈕,使其更加吸引人,以下是一些常見的CSS樣式,可以添加到按鈕上:
1、背景顏色:使用background-color
屬性可以設置按鈕的背景顏色,將背景顏色設置為紅色:
button { background-color: red; }
2、文本顏色:使用color
屬性可以設置按鈕上文本的顏色,將文本顏色設置為白色:
button { color: white; }
3、邊框:使用border
屬性可以為按鈕添加邊框,添加一條寬度為2像素的藍色邊框:
button { border: 2px solid blue; }
4、圓角:使用border-radius
屬性可以將按鈕的角落設置為圓角,將半徑設置為5像素:
button { border-radius: 5px; }
5、內(nèi)邊距:使用padding
屬性可以設置按鈕內(nèi)部的空間,將內(nèi)邊距設置為10像素:
button { padding: 10px; }
6、字體大小:使用font-size
屬性可以設置按鈕上字體的大小,將字體大小設置為16像素:
button { font-size: 16px; }
7、文本對齊:使用text-align
屬性可以設置按鈕上文本的對齊方式,將文本對齊方式設置為居中:
button { text-align: center; }
版權聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉載時請以鏈接形式注明文章出處。