CSS改變按鈕樣子

CSS（層疊樣式表）是一種用于描述網(wǎng)頁樣式的語言，可以用來改變網(wǎng)頁中各種元素的樣子，包括按鈕，下面是一些CSS可以用來改變按鈕樣子的方法：

1、改變按鈕顏色：使用CSS的color屬性可以改變按鈕上文字的顏色，將按鈕文字顏色設(shè)置為紅色：

button {
  color: red;
}

2、改變按鈕背景顏色：使用CSS的background-color屬性可以改變按鈕的背景顏色，將按鈕背景顏色設(shè)置為藍(lán)色：

button {
  background-color: blue;
}

3、改變按鈕邊框：使用CSS的border屬性可以改變按鈕的邊框樣式，將按鈕邊框設(shè)置為2像素寬的黑色實線：

button {
  border: 2px solid black;
}

4、改變按鈕大小：使用CSS的width和height屬性可以改變按鈕的大小，將按鈕寬度設(shè)置為100像素，高度設(shè)置為50像素：

button {
  width: 100px;
  height: 50px;
}

5、改變按鈕字體：使用CSS的font-family屬性可以改變按鈕上文字的字體，將按鈕字體設(shè)置為Arial：

button {
  font-family: Arial;
}

6、改變按鈕文字對齊方式：使用CSS的text-align屬性可以改變按鈕上文字的對齊方式，將按鈕文字設(shè)置為居中對齊：

button {
  text-align: center;
}

7、添加鼠標(biāo)懸停效果：使用CSS的:hover偽類可以為按鈕添加鼠標(biāo)懸停效果，當(dāng)鼠標(biāo)懸停在按鈕上時，將按鈕背景顏色設(shè)置為灰色：

button:hover {
  background-color: gray;
}