Copy đoạn mã sau và lưu thành file vd test.html
<html>
<head>
<style>
BODY {
SCROLLBAR-FACE-COLOR: #b8ddff;
SCROLLBAR-HIGHLIGHT-COLOR: #DFF0FF;
SCROLLBAR-SHADOW-COLOR: #579BDA;
SCROLLBAR-ARROW-COLOR: #3694EA;
SCROLLBAR-TRACK-COLOR: #DAEDFF;
SCROLLBAR-BASE-COLOR: #FF0000;
SCROLLBAR-DARKSHADOW-COLOR: #055BAB;
SCROLLBAR-3DLIGHT-COLOR: #b8ddff;
}
</style>
<body>
<div style="height: 1000px; width:150px"></div>
</body>
</html>
Trong đó các giá trị, vị trí của các scroll-... được mô tả như dưới đây: (hình đã được zoom)
Bạn chạy thử file test.html và đây là kết quả của đoạn mã trên:
Chú ý: để tạo cảm giác 3D cho thanh cuộn, bạn chọn một màu chủ đạo sao đó sử dụng bảng màu (Photoshop chẳng hạn) và chọn tông màu tối sáng quanh màu chủ đạo đã chọn.
