CSS有許多非常實(shí)用的樣式，例如在網(wǎng)頁中添加兩個(gè)按鈕并將它們隔開是一個(gè)常見需求。下面我們通過代碼介紹如何實(shí)現(xiàn)這個(gè)效果。

.button{
width: 100px;
height: 30px;
background-color: #F8E82B;
border: none;
border-radius: 5px;
font-size: 16px;
color: #fff;
cursor: pointer;
}
.button-container{
display: flex;
justify-content: space-between;
margin: 20px 0;
}

首先，我們需要設(shè)置按鈕的樣式。在上面的代碼中，我們設(shè)置了按鈕的寬度、高度、背景色、邊框、圓角、字體大小、字體顏色以及鼠標(biāo)樣式。

然后，我們需要?jiǎng)?chuàng)建一個(gè)容器來裝載兩個(gè)按鈕。在這個(gè)容器上，我們使用了CSS中的flex布局，并設(shè)置了justify-content屬性為space-between，這個(gè)屬性可以讓兩個(gè)按鈕之間的距離自動拉開。

<div class="button-container">
<button class="button">按鈕1</button>
<button class="button">按鈕2</button>
</div>

最后，我們將兩個(gè)按鈕放置在剛剛創(chuàng)建的容器里，注意兩個(gè)按鈕都應(yīng)該指定class為"button"。

通過以上的代碼和解釋，我們可以輕松實(shí)現(xiàn)兩個(gè)按鈕隔開的效果。