用css对webkit内核的浏览器自定义滚动条

用css设置webkit内核浏览器的滚动条主要设置以下7个属性：
1.::-webkit-scrollbar /*滚动条整体部分，可以设置宽度高度*/
2.::-webkit-scrollbar-button /*滚动条两端的按钮*/
3.::-webkit-scrollbar-track  /*外层轨道*/
4.::-webkit-scrollbar-track-piece  /*内层滚动槽*/
5.::-webkit-scrollbar-thumb /*滚动的滑块*/
6.::-webkit-scrollbar-corner /*边角*/

7.::-webkit-resizer /*定义右下角拖动块的样式*/

如图所示：