滚动条设置Html代码

　　/*ie滚动条样式*/

　　*{

　　scrollbar-arrow-color:rgb(200,200,200);/*ok-上下三角箭头*/

　　scrollbar-3dlight-color:rgb(200,200,200);/*ok-3d滑块左上角高光部分颜色*/

　　scrollbar-highlight-color:rgb(200,200,200);/*ok-滑块左上角高光部分颜色*/

　　scrollbar-shadow-color:rgb(200,200,200);/*ok*/

　　scrollbar-darkshadow-color:rgb(200,200,200);/*ok-以上都是定义一些阴影高光等3D效果*/

　　scrollbar-face-color:rgb(200,200,200);/*ok-滑块*/

　　scrollbar-track-color:rgb(240,240,240);/*ok-滑道*/

　　}

　　/*chrome滚动条样式*/

　　::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等。*/

　　width:10px;

　　height:10px;

　　}

　　::-webkit-scrollbar-button{/*滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/

　　display:none;

　　}

　　::-webkit-scrollbar-track{/*外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。*/

　　display:none;

　　滚动条设置组成部分

　　1.::-webkit-scrollbar滚动条整体部分

　　2.::-webkit-scrollbar-thumb滚动条里面的小方块，能向上向下移动（或向左向右移动）

　　3.::-webkit-scrollbar-track滚动条的轨道（里面装有Thumb）