CSS設(shè)置按鈕屬性值的方法
在CSS中,我們可以使用多種屬性來設(shè)置按鈕的外觀和樣式,以下是一些常見的CSS按鈕屬性及其使用方法:
1、背景顏色:使用background-color
屬性可以設(shè)置按鈕的背景顏色,將按鈕的背景顏色設(shè)置為紅色:
button { background-color: red; }
2、文本顏色:使用color
屬性可以設(shè)置按鈕上文本的默認(rèn)顏色,將按鈕上的文本顏色設(shè)置為白色:
button { color: white; }
3、邊框樣式:使用border
屬性可以設(shè)置按鈕的邊框樣式,給按鈕添加一條寬度為2px、顏色為黑色的邊框:
button { border: 2px solid black; }
4、尺寸:使用width
和height
屬性可以設(shè)置按鈕的尺寸,將按鈕的寬度設(shè)置為100px、高度設(shè)置為50px:
button { width: 100px; height: 50px; }
5、字體:使用font
屬性可以設(shè)置按鈕上文本的字體,將按鈕上的文本字體設(shè)置為Arial:
button { font: Arial; }
6、鼠標(biāo)指針樣式:使用cursor
屬性可以設(shè)置鼠標(biāo)指針在懸停在按鈕上方時的樣式,將鼠標(biāo)指針樣式設(shè)置為手形:
button { cursor: hand; }
7、透明度:使用opacity
屬性可以設(shè)置按鈕的透明度,將按鈕的透明度設(shè)置為0.5:
button { opacity: 0.5; }