亚洲一区在线播放-欧美另类极品videosbest使用方法-亚洲成人av在线播放-黄色录像大片-色悠悠av-91欧美日韩-中文字幕偷拍-综合色婷婷一区二区亚洲欧美国产-一级爱爱片-黑人添美女bbb添高潮了-久久青娱乐-黄色一级视屏-美女国产在线-亚洲九九九九-欧美 日韩 国产 成人 在线观看-星空大象mv高清在线观看免费-国产福利合集-好吊色视频在线观看-尤物综合网-18岁成年人网站

CSS3自定義滾動樣式

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

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; //鼠標(biāo)移到滑動條上滑動條的樣式 } #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>