久久伦理影院I美女亚洲精品I手机色在线I免费韩国avI国产手机免费视频I久久99视频免费I懂色av懂色av粉嫩av分享吧I日本精品一区二区在线观看I开心综合网I国产一区在线观看免费I日韩欧美一区二区三区在线I一区av在线播放I精品综合久久久I日韩一区二区在线免费观看I国产99在线播放I色射色I国产精品一区二区在线免费观看

CSS3自定義滾動樣式

2017/2/14 8:34:11   閱讀:1831    發(fā)布者:1831

css樣式如下:

#div1{ 
  width:200px; 
  height:400px; 
  background:red; 
  overflow:auto;
} #div1::-webkit-scrollbar{   width:5px;   height:5px; } #div1::-webkit-scrollbar-track{   background:hotpink; //軌道的樣式 } #div1::-webkit-scrollbar-thumb{   background:deeppink; //滑動條的樣式 } #div1::-webkit-scrollbar-thumb:hover{   background:palevioletred; //鼠標移到滑動條上滑動條的樣式 } #div1::-webkit-scrollbar-button{   background:orange;  //微調(diào)按鈕的樣式,如下圖中的橙色部分,位于軌道的兩端   border-radius:15px; } #div1::-webkit-scrollbar-corner{   background:green; //邊角,即兩個滾動條的交匯處,如下圖中綠色部分 } #div2{   width:300px;   height:500px;   background:pink; }

html如下:

<div id=div1> 
  <div id=div2> 
    1<br/> 
    2<br/> 
    3<br/> 
    4<br/> 
    5<br/> 
    6<br/> 
    7<br/> 
  </div> 
</div>