按鍵居中是一種常見的布局方式，可以使頁面看起來更加美觀、整潔。在網頁設計中，我們可以使用CSS來實現按鍵居中的效果。 下面就是一個樣例代碼，用CSS實現一個按鍵的居中布局：

HTML代碼如下：

<div class="button-wrap">
<button class="button">這是一個按鈕</button>
</div>

CSS代碼如下：

.button-wrap {
text-align: center;
}
.button {
padding: 10px 20px;
font-size: 16px;
background-color: #000000;
color: #FFFFFF;
border-radius: 3px;
border: none;
}

在上面的代碼中，我們首先將包裹按鈕的div設置為居中文本對齊，然后設置按鈕的樣式。通過這樣的設置，可以實現按鈕的水平居中布局。 這種居中方式不僅可以用于按鈕，還可以用于其他元素的布局，例如文字、圖片等。 總之，按鍵居中是一種簡單而實用的布局方式，在網頁設計中非常常見，能夠使頁面看起來更加美觀、整潔。在CSS中，我們可以使用text-align屬性來實現按鍵居中的效果。