CSS可以很方便地讓我們美化網頁上的各種元素，其中包括iOS設備上的滾動條。默認情況下，iOS設備上的滾動條是非常簡單的，但是我們可以使用CSS輕松地進行自定義。

首先，我們需要創建一個帶有滾動條的元素。我們可以使用overflow屬性創建一個具有滾動條的容器，例如：

.container {
overflow: auto;
height: 300px;
width: 100%;
}

上述代碼創建了一個高為300像素，寬為100%的容器，并允許溢出部分使用滾動條來瀏覽。現在我們需要使滾動條看起來更好看，從而與網頁整體風格相匹配。

iOS設備上的滾動條有兩種狀態：普通狀態和活動狀態。我們可以使用偽類選擇器來分別為兩種狀態設置樣式。例如：

/* 普通狀態 */
.container::-webkit-scrollbar {
width: 5px;
background-color: #f2f2f2;
}
/* 活動狀態 */
.container::-webkit-scrollbar-thumb {
background-color: #c6c6c6;
border-radius: 5px;
}

上述代碼設置了普通狀態下的滾動條寬度和背景顏色，以及活動狀態下的滾動條拇指（即滑塊）的背景顏色和圓角半徑。

我們還可以為滾動條的角落設置樣式，例如：

/* 左上角 */
.container::-webkit-scrollbar-corner {
background-color: #f2f2f2;
}

上述代碼設置了左上角的背景顏色。

總的來說，使用CSS可以很容易地為iOS設備上的滾動條設置樣式。我們可以根據自己的喜好和網頁整體風格進行設置，讓滾動條更加美觀。