CSS寫滑動(dòng)條，可以通過以下步驟完成：

1. 首先，在HTML中創(chuàng)建要應(yīng)用滑動(dòng)條的元素。
2. 然后，在CSS中設(shè)置該元素的寬度和高度。
3. 接下來，為該元素創(chuàng)建一個(gè)偽元素，設(shè)定偽元素的寬度、高度和定位。
4. 然后將偽元素的背景顏色設(shè)置為滑動(dòng)條的背景顏色。
5. 使用CSS的hover偽類，設(shè)定鼠標(biāo)在滑動(dòng)條上滑動(dòng)時(shí)偽元素的背景顏色。
6. 最后，為滑動(dòng)條添加一個(gè)thumb（拇指），用來標(biāo)記滑動(dòng)條的當(dāng)前位置。

.my-slider {
width: 200px;
height: 10px;
position: relative;
}
.my-slider::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #eaeaea; /* 滑動(dòng)條背景色 */
}
.my-slider:hover::before {
background-color: #ccc; /* 鼠標(biāo)滑動(dòng)時(shí)滑動(dòng)條背景色 */
}
.my-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background-color: #666; /* 拇指顏色 */
border-radius: 50%;
}

以上代碼可以創(chuàng)建一個(gè)寬200像素、高10像素的滑動(dòng)條，鼠標(biāo)滑動(dòng)時(shí)滑動(dòng)條將變?yōu)榛疑瑒?dòng)條拇指為黑色。可以根據(jù)實(shí)際需求修改代碼。