CSS按鈕大小設置

在CSS中，我們可以使用多種屬性來設置按鈕的大小，以下是一些常用的方法：

1、使用width和height屬性：

通過CSS的width和height屬性，我們可以直接設置按鈕的寬度和高度。

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

2、使用padding屬性：

通過padding屬性，我們可以在按鈕的內部增加一些空間，從而增加按鈕的大小。

.button {
  padding: 10px;
}

3、使用border屬性：

border屬性不僅可以設置按鈕的邊框，還可以增加按鈕的大小。

.button {
  border: 2px solid #000;
}

4、使用font-size屬性：

如果按鈕中包含文本，那么font-size屬性也可以影響按鈕的大小。

.button {
  font-size: 16px;
}

5、使用line-height屬性：

line-height屬性可以設置按鈕中文本行的高度，從而影響按鈕的整體大小。

.button {
  line-height: 20px;
}

6、使用text-align屬性：

text-align屬性可以設置按鈕中文本的排列方式，如果文本排列更緊密，那么按鈕的大小可能會更小。

.button {
  text-align: center;
}