天天操天天操-欧美黄视频-亚洲午夜激情-黄色网址免费-少妇精品无码一区二区三区-欧美成人免费在线视频-国产毛片一区二区三区-欧美一区二区三区婷婷月色-四虎影视库-日本在线高清-毛片999-天天操欧美-国产午夜伦理-手机福利在线-视频在线91-免费在线观看亚洲-好爽快一点高潮了-国产污视频在线-成 人片 黄 色 大 片-激情久久网站-丰满少妇xxxx-女教师在办公室被躁在线播放-亚洲高清色-视色视频在线观看-婷婷色5月-又粗又硬又黄又爽的视频-好大好湿好硬顶到了好爽视频-中国美女黄色-国产精品刮毛-国内三级在线观看

CSS3自定義滾動樣式

2017/2/14 8:34:11   閱讀:1962    發布者:1962

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;  //微調按鈕的樣式,如下圖中的橙色部分,位于軌道的兩端   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>