網站首頁 美容 美體 服飾 情感 娛樂 生活
當前位置:哇咔範 > 生活 > 經驗

設置滾動條樣式 可以通過如下步驟

欄目: 經驗 / 發佈於: / 人氣:9.8K
設置滾動條樣式 可以通過如下步驟

1、新建一個html文件叫做(有html編輯工具的,就使用工具創建。沒有工具的,可以先創建文本文件,再修改文件名即可)

2、【默認的overflow樣式】代碼如下(當外層高寬比內部內容高寬小,且設置了overflow:auto,就會有滾動條產生)

3、【默認的overflow樣式】運行效果如下(橫向和縱向都產生了滾動條)

4、【修改後overflow樣式】代碼如下(修改滾動條的寬度、背景色等樣式)

5、【修改後overflow樣式】運行效果如下(寬度減少了,背景色改變了)

6、只要水平方向上的滾動條,則隱藏垂直滾動條,使用代碼:overflow-x:auto;overflow-y:hidden

7、只要垂直方向上的滾動條,則隱藏水平滾動條,使用代碼:overflow-x:hidden;overflow-y:auto

Tags:滾動條 設置