使用CSS改變按鈕樣式是Web開發(fā)中常見的需求。通過設(shè)置不同的CSS屬性，可以改變按鈕的顏色、字體、大小等樣式。接下來(lái)，將介紹如何使用CSS改變按鈕樣式。
首先，在HTML代碼中添加一個(gè)按鈕。可以使用button標(biāo)簽來(lái)創(chuàng)建按鈕，如下所示：
<button>點(diǎn)擊按鈕</button>接下來(lái)，可以使用CSS來(lái)改變按鈕的樣式。可以選擇使用內(nèi)聯(lián)樣式、嵌入式樣式或外部樣式表來(lái)實(shí)現(xiàn)。本文使用外部樣式表來(lái)實(shí)現(xiàn)。在HTML代碼中添加link標(biāo)簽，將樣式表文件引入：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>接下來(lái)，在樣式表文件中添加CSS代碼。假設(shè)想要將按鈕的背景顏色設(shè)置為藍(lán)色，字體設(shè)置為白色，而且鼠標(biāo)懸停在按鈕上時(shí)背景顏色變成紅色。可以使用以下CSS代碼實(shí)現(xiàn)：
button {
background-color: blue;
color: white;
border: none;
padding: 10px 20px;
text-align: center;
font-size: 16px;
}
button:hover {
background-color: red;
}首先，設(shè)置button元素的背景顏色為藍(lán)色，字體顏色為白色，邊框?yàn)閚one，內(nèi)邊距為10像素top和bottom，20像素left和right，文本對(duì)齊方式為居中，字體大小為16像素。
其次，使用button:hover偽類來(lái)設(shè)置鼠標(biāo)懸停在按鈕上時(shí)的背景顏色為紅色。
最后，保存樣式表文件，刷新瀏覽器，即可看到按鈕的樣式已經(jīng)改變。
總結(jié)一下，使用CSS改變按鈕樣式非常簡(jiǎn)單，只需設(shè)置不同的CSS屬性即可。為了方便管理樣式，可以使用外部樣式表來(lái)組織CSS代碼。上一篇如何用css改變鏈接顏色
下一篇jquery 3.1