在網頁設計中經常會使用到左右滑動的按鈕，讓用戶可以輕松地查看多個項目或圖片。而使用CSS可以很容易地實現這個功能。

.slide-container {
width: 300px; /* 設置容器寬度 */
overflow-x: scroll; /* 設置容器為可滑動 */
white-space: nowrap; /* 禁止換行 */
}
.slide-item {
display: inline-block; /* 設置子元素為行內塊 */
width: 100px;
height: 100px;
}
.slide-btn {
position: absolute; /* 設置按鈕為絕對定位 */
top: 50%; /* 使按鈕垂直居中 */
transform: translateY(-50%); /* 使按鈕在容器中垂直居中 */
cursor: pointer; /* 設置鼠標為手型 */
}
.slide-btn--left {
left: 10px; /* 設置左側按鈕的位置 */
}
.slide-btn--right {
right: 10px; /* 設置右側按鈕的位置 */
}

在上面的代碼中，我們可以看到使用了一個容器（.slide-container），并且設置了它的寬度和滑動屬性。然后使用了一個子元素（.slide-item），用來代表每個需要滑動的項目或圖片。接著，我們通過設置左側和右側的按鈕（.slide-btn--left和.slide-btn--right）來控制容器中內容的滑動。

在實際使用中，我們可以根據需要來修改容器和子元素的樣式，以及左右按鈕的位置。