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