CSS默認滾動條可能會讓你的網頁變得單調和無聊。然而,你不必擔心這個問題!通過使用CSS,你可以輕松地美化默認滾動條。
/*將滾動條設置為不可見*/ ::-webkit-scrollbar { display: none; } /*創建滾動軌道*/ ::-webkit-scrollbar-track { background-color: #f1f1f1; border-radius: 10px; } /*創建滾動條*/ ::-webkit-scrollbar-thumb { background-color: #888; border-radius: 10px; border: none; } /*鼠標指針懸停在滾動條上時的樣式*/ ::-webkit-scrollbar-thumb:hover { background-color: #555; }
現在,你可以根據你的喜好來更改背景顏色或滾動條的樣式。
希望這些CSS代碼對你的網頁美化有所幫助!
上一篇css背景圖片加光暈
下一篇css背景圖填充方式