今天小編來給大家分享一些關(guān)于設(shè)置滾動(dòng)條樣式 可以通過如下步驟方面的知識(shí)吧，希望大家會(huì)喜歡哦

1、新建一個(gè)html文件叫做CssOverFlow.html（有html編輯工具的，就使用工具創(chuàng)建。沒有工具的，可以先創(chuàng)建文本文件，再修改文件名即可）

2、【默認(rèn)的overflow樣式】代碼如下（當(dāng)外層高寬比內(nèi)部?jī)?nèi)容高寬小，且設(shè)置了overflow:auto，就會(huì)有滾動(dòng)條產(chǎn)生）

3、【默認(rèn)的overflow樣式】運(yùn)行效果如下（橫向和縱向都產(chǎn)生了滾動(dòng)條）

4、【修改后overflow樣式】代碼如下（修改滾動(dòng)條的寬度、背景色等樣式）

5、【修改后overflow樣式】運(yùn)行效果如下（寬度減少了，背景色改變了）

6、只要水平方向上的滾動(dòng)條，則隱藏垂直滾動(dòng)條，使用代碼：overflow-x:auto;overflow-y:hidden

7、只要垂直方向上的滾動(dòng)條，則隱藏水平滾動(dòng)條，使用代碼：overflow-x:hidden;overflow-y:auto

本文到此結(jié)束，希望對(duì)大家有所幫助。

版權(quán)說明：本文由用戶上傳，如有侵權(quán)請(qǐng)聯(lián)系刪除！

標(biāo)簽：