大家好,伊人來為大家解答以上問題。設(shè)置滾動條樣式,可以通過如下步驟很多人還不知道,現(xiàn)在讓我們一起來看看吧!
1、創(chuàng)建一個名為CssOverFlow.html的新html文件(如果你有html編輯工具,使用該工具創(chuàng)建它。如果沒有工具,可以先創(chuàng)建一個文本文件,然后修改文件名)
2、【默認溢出樣式】代碼如下(當外層的高度和寬度小于內(nèi)部內(nèi)容的高度和寬度,并且設(shè)置了overflow:auto時,會生成滾動條)
3、【默認溢出樣式】運行效果如下(水平和垂直生成滾動條)
4、【修改溢出樣式】代碼如下(修改滾動條的寬度和背景顏色)
5、【修改溢出樣式】運行效果如下(寬度縮小,背景顏色改變)
6、只要滾動條在水平方向,垂直滾動條就會被隱藏。使用代碼:overflow-x : auto;溢出-y :隱藏
7、只要滾動條在垂直方向,水平滾動條是隱藏的,使用代碼:overflow-x : hidden;溢出-y :自動
本文到此結(jié)束,希望對大家有所幫助。