CSS是一種用于控制網頁布局和樣式的語言。在制作網頁時，經常會遇到需要讓按鈕居中的情況。本文將為您介紹如何使用CSS讓按鈕水平居中。

首先，在HTML中創建一個按鈕。使用<button></button>標簽可以創建一個按鈕元素。

<button id="center-btn">居中按鈕</button>

接下來，在CSS中為按鈕設置樣式。通過設置按鈕的寬度和外邊距，可以實現按鈕水平居中的效果。

#center-btn {
width: 100px;
margin: 0 auto;
}

在上面的代碼中，我們為按鈕設置了固定的寬度和外邊距。其中，margin屬性的值為“0 auto”，表示讓瀏覽器自動計算左右外邊距的大小，從而實現按鈕水平居中的效果。

此外，如果您想讓按鈕同時垂直居中，可以在按鈕的父元素中設置display:flex; 和align-items:center; 的CSS屬性。

.parent {
display: flex;
justify-content: center;
align-items: center;
}

在上面的代碼中，我們為按鈕的父元素設置了display:flex; 和align-items:center; 的屬性，可以讓按鈕同時水平和垂直居中。

以上就是使用CSS讓按鈕水平居中的方法。希望能幫助到您。