CSS怎么修改滾動條樣式
電腦：win7，64位
開辟東西：HBuilder X方式/步調
- 1
打開網頁開辟東西，新建一個HTML文件
- 2
添加填充內容讓頁面呈現滾動條（這一步是為了便利給大師演示！）
- 3
編寫滾動條樣式：
body::-webkit-scrollbar{?
width:10px;
}
body::-webkit-scrollbar-track{
background: #999;
? border-radius:2px;
}
body::-webkit-scrollbar-thumb{
? background: red;
? border-radius:10px;
}
body::-webkit-scrollbar-thumb:hover{
? background: #333;
}
body::-webkit-scrollbar-corner{
? background: #179a16;
}
- 4
打開瀏覽器預覽結果：
- 5
滾動條參數申明：
::-webkit-scrollbar?
::-webkit-scrollbar-thumb
::-webkit-scrollbar-track?
::-webkit-scrollbar-button
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-corner
::-webkit-resizer?
- 發表于 2019-12-20 17:00
- 閱讀 ( 837 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章