css怎么設(shè)置滾動(dòng)條寬度
小編給大家分享一下css怎么設(shè)置滾動(dòng)條寬度，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供六枝網(wǎng)站建設(shè)、六枝做網(wǎng)站、六枝網(wǎng)站設(shè)計(jì)、六枝網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、六枝企業(yè)網(wǎng)站模板建站服務(wù)，十多年六枝做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
css的基本語法是什么
css的基本語法是：1、css規(guī)則由選擇器和一條或多條聲明兩個(gè)部分構(gòu)成；2、選擇器通常是需要改變樣式的HTML元素；3、每條聲明由一個(gè)屬性和一個(gè)值組成；4、屬性和屬性值被冒號(hào)分隔開。
設(shè)置滾動(dòng)條寬度的方法：首先使用“::-webkit-scrollbar”偽類選擇器來選擇元素的滾動(dòng)條，然后使用width屬性來設(shè)置滾動(dòng)條寬度即可，語法“::-webkit-scrollbar{width:寬度值;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
body{
width: 540px;
height: 400px;
}
::-webkit-scrollbar{
width:30px;
}
::-webkit-scrollbar-track{
background-color:#bee1eb;
}
::-webkit-scrollbar-thumb{
background-color:#00aff0;
}
布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、
暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、
英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、
布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、
暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、
英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、
布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、
暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、
英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓、英國短毛貓
效果：
.jpg)
以上是“css怎么設(shè)置滾動(dòng)條寬度”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
標(biāo)題名稱：css怎么設(shè)置滾動(dòng)條寬度
標(biāo)題網(wǎng)址：
http://weahome.cn/article/jhpogh.html
重慶分公司
重慶分公司
