站長(zhǎng)資訊網(wǎng)設(shè)置滾動(dòng)條寬度的方法：首先使用“::-webkit-scrollbar”偽類(lèi)選擇器來(lái)選擇元素的滾動(dòng)條，然后使用width屬性來(lái)設(shè)置滾動(dòng)條寬度即可，語(yǔ)法“::-webkit-scrollbar{width:寬度值;}”。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> body{ width: 540px; height: 400px; } ::-webkit-scrollbar{ width:30px; } ::-webkit-scrollbar-track{ background-color:#bee1eb; } ::-webkit-scrollbar-thumb{ background-color:#00aff0; } </style> </head> <body> <div class="logo"> </div> 布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、 <br> 暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、 <br> 英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、 <br> 布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、 <br> 暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、 <br> 英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、 <br>布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、布偶貓、 <br> 暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、暹羅貓、 <br> 英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓、英國(guó)短毛貓 </body> </html>
效果：
推薦學(xué)習(xí)：css視頻教程
