在網(wǎng)頁(yè)設(shè)計(jì)當(dāng)中，按鈕是非常重要的元素之一。在不同的網(wǎng)頁(yè)設(shè)計(jì)過程中，我們也會(huì)遇到不同的按鈕排列顯示的問題，這時(shí)候我們就需要使用 CSS 來完成我們所需要的按鈕排列顯示效果。

.button {
display: inline-block;
padding: 10px 20px;
margin-right: 10px;
border: none;
background-color: #000;
color: #fff;
font-size: 16px;
cursor: pointer;
}
.button:hover {
background-color: #fff;
color: #000;
}

在這個(gè)代碼片段中，我們使用了display: inline-block;來實(shí)現(xiàn)按鈕的橫向排列，增加了margin-right: 10px;來調(diào)整按鈕之間的間距。同時(shí)，我們也添加了padding,border,background-color,color,font-size,cursor等其他元素屬性來美化我們的按鈕。

另外在代碼片段底部，我們還增加了鼠標(biāo)懸浮狀態(tài)下按鈕的樣式，實(shí)現(xiàn)更加醒目的效果。需要注意的是，此代碼片段所描述的按鈕效果只是一種示例，具體的實(shí)現(xiàn)方式還需要根據(jù)不同的需求進(jìn)行進(jìn)一步的調(diào)整和修改。