CSS是一種用來控制網頁樣式的語言，它可以用來美化網頁元素的外觀，比如我們今天要介紹的div滑塊。

我們先來創建一個含有滑塊的div。

<div class="slider">
<div class="track"></div>
<div class="thumb"></div>
</div>

接下來，我們需要為滑塊添加CSS樣式來美化他的外觀。

.slider {
width: 200px;
height: 10px;
background-color: #CCCCCC; /* 滑塊軌道的背景顏色 */
}
.track {
width: 100%;
height: 100%;
background-color: #999999; /* 滑塊軌道的顏色 */
}
.thumb {
width: 20px;
height: 20px;
background-color: #333333; /* 滑塊的顏色 */
border-radius: 50%; /* 將滑塊的邊角變為圓形 */
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%); /* 將滑塊垂直居中 */
}

通過以上CSS樣式，我們可以得到一個簡單的滑塊，當然，我們還可以對滑塊的顏色、形狀等進行更改，創造更多款式的滑塊。

這就是使用CSS美化div滑塊的方法，希望本文可以幫助到大家。