css如何設(shè)置滾動條樣式

這篇文章主要介紹“css如何設(shè)置滾動條樣式”，在日常操作中，相信很多人在css如何設(shè)置滾動條樣式問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”css如何設(shè)置滾動條樣式”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

在css中可以使用scrollbar屬性設(shè)置滾動條樣式。

<pre>
::-webkit-scrollbar 滾動條整體部分
::-webkit-scrollbar-button 滾動條兩端的按鈕
::-webkit-scrollbar-track 外層軌道
::-webkit-scrollbar-track-piece 內(nèi)層軌道，滾動條中間部分（除去）
::-webkit-scrollbar-thumb 滾動條里面可以拖動的那個
::-webkit-scrollbar-corner 邊角
::-webkit-resizer 定義右下角拖動塊的樣式
</pre>

示例：

/*定義滾動條高寬及背景
 高寬分別對應(yīng)橫豎滾動條的尺寸*/
::-webkit-scrollbar
{
    width:16px;
    height:16px;
    background-color:#F5F5F5;
}
/*定義滾動條軌道
 內(nèi)陰影+圓角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:10px;
    background-color:#F5F5F5;
}
/*定義滑塊
 內(nèi)陰影+圓角*/
::-webkit-scrollbar-thumb
{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#555;
}

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

到此，關(guān)于“css如何設(shè)置滾動條樣式”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>