在網頁的設計中，滾動條的設計是非常必要的，這樣當文字或者圖片超出容器大小，就會出現滾動條樣式css 中設置滾動條顏色，那么，css如何設置滾動條呢？接下來就來給大家說一說css滾動條設置的方法。
首先我們來看一下css設置滾動條可能需要的屬性。
1、-y : 設置當對象的內容超過其指定高度時如何管理內容；-x : 設置當對象的內容超過其指定寬度時如何管理內容
參數:
：擴大面積以顯示所有內容
auto：僅當內容超出限定值時添加滾動條
：總是隱藏滾動條
：總是顯示滾動條
2、 : 設置滾動條的高度（修改其后數值即可）。
3、滾動條顏色參數設置：
-3d-light-color 設置或檢索滾動條亮邊框顏色
--color 設置或檢索滾動條3D界面的亮邊（）顏色
-face-color 設置或檢索滾動條3D表面（）的顏色
-arrow-color 設置或檢索滾動條方向箭頭的顏色
--color 設置或檢索滾動條3D界面的暗邊（）顏色
-dark--color 設置或檢索滾動條暗邊框（）顏色
-base-color 設置或檢索滾動條基準顏色
其次我們來看css設置滾動條樣式。
在html頁面中我們可以這樣定義整個頁面的滾動條。
*{
scrollbar-3dlight-color:#D4D0C8;
scrollbar-highlight-color:#fff;
scrollbar-face-color:#E4E4E4;
scrollbar-arrow-color:#666;
scrollbar-shadow-color:#808080;
scrollbar-darkshadow-color:#D7DCE0;
scrollbar-base-color:#D7DCE0;
scrollbar-track-color:#;
}
登錄后復制
最后我們來看一看css 設置滾動條后如何隱藏（橫向、豎向）
很多人都說使用-y:可以隱藏滾動條，但是只能針對div元素，并不能隱藏瀏覽器，而一些資料說 里加入="no"，可隱藏滾動條；在里加入style="-x:"css 中設置滾動條顏色，可隱藏水平滾動條；加入style="-y:"，可隱藏垂直滾動條。
1、完全隱藏：在里加入="no"，可隱藏滾動條;
2、在不需要時隱藏：指當瀏覽器窗口寬度或高度大于頁面的寬或高時，不顯示滾動條;反之，則顯示;
3、樣式表方法：
加入style="-x:"，可隱藏水平滾動條;
加入style="-y:"，可隱藏垂直滾動條。
最終隱藏方法：
在頁面添加
登錄后復制
