CSS是網(wǎng)頁設(shè)計最基本的元素之一，而按鈕是網(wǎng)頁設(shè)計中最常用的元素之一。在網(wǎng)頁中，經(jīng)常需要將一組按鈕橫向排列，這時我們就需要用到CSS實現(xiàn)按鈕并排顯示的效果。

<div class="button-group">
<button class="button">按鈕一</button>
<button class="button">按鈕二</button>
<button class="button">按鈕三</button>
</div>
.button-group {
display: flex;
}
.button {
background-color: #007bff;
color: #fff;
border: none;
padding: 10px 20px;
margin-right: 10px;
cursor: pointer;
}
.button:last-child {
margin-right: 0;
}

在這段代碼中，我們使用了flex布局來實現(xiàn)按鈕的并排顯示，讓按鈕之間的間距通過margin-right屬性來控制，最后一個按鈕的間距設(shè)為0。我們還規(guī)定了按鈕的樣式，包括背景顏色、文字顏色、邊框、內(nèi)外邊距等。

通過這樣的樣式設(shè)置，我們可以輕松地創(chuàng)建按鈕并排的效果，使網(wǎng)頁看起來更加美觀、整潔。