CSS列表左右滾動是一種頁面設計中常用的效果，它可以讓較長的列表項不會影響頁面布局，同時也可以讓訪問者更方便地查看所有項。

/* 以下是css樣式代碼 */
.list {
white-space: nowrap; /* 子元素不換行 */
overflow-x: scroll; /* 水平滾動條 */
-webkit-overflow-scrolling: touch; /* iOS滾動加速 */
}
.list-item {
display: inline-block; /* 行內塊元素 */
width: 150px; /* 每個列表項的寬度 */
margin-right: 10px; /* 列表項之間的間距 */
}

使用以上的CSS樣式代碼可以將列表項包裹在一個類名為“list”的父元素中。當子元素超過該父元素的寬度時，會出現水平滾動條。而每個列表項也需要設置一個類名為“list-item”的元素，且需要設置為行內塊元素，這樣它們就能夠在同一行中顯示，并且設置相同的寬度和間距。

總而言之，CSS列表左右滾動是一種非常實用的效果，能夠在頁面設計中發揮重要作用，給用戶帶來更佳的體驗。