CSS是前端開發中不可或缺的技術之一，其中按鈕布局是CSS技術中的一個重要部分。下面我們來看一個實例圖展示如何使用CSS布局按鈕。

首先，我們需要為按鈕布局創建一個HTML結構，該結構包含一個div元素，div元素中包含多個a標簽，每個a標簽都表示一個按鈕。HTML結構如下：

<div class="button-container"><a href="#" class="button">按鈕1</a><a href="#" class="button">按鈕2</a><a href="#" class="button">按鈕3</a></div>

通過CSS樣式，我們可以使這些a標簽排成一行，從而實現按鈕的布局。CSS樣式如下：

/* 為按鈕容器設置樣式 */
.button-container {
display: flex; // 將按鈕容器設置為Flex布局
justify-content: space-between; // 將按鈕之間的空間平均分布
}
/* 為每個按鈕設置樣式 */
.button {
padding: 10px 20px; // 設置按鈕的內邊距
background-color: #4CAF50; // 設置按鈕的背景顏色
color: #fff; // 設置按鈕文字的顏色
border: none; // 移除按鈕的邊框
border-radius: 20px; // 將按鈕設置為圓角
cursor: pointer; // 將鼠標指針設置為手型
}

通過上面的樣式，我們可以讓按鈕之間的距離平均分布，同時設置按鈕的背景顏色、文字顏色、圓角等樣式，從而使按鈕非常美觀。

總之，CSS技術可以讓我們輕松布局按鈕，并使其美觀、易于使用，這將使用戶在網站上獲得更好的體驗。