tft每日頭條

 > 知識

 > 設置滾動條樣式

設置滾動條樣式

知識 更新时间:2025-02-22 19:35:25

  1、新建一個html文件叫做CssOverFlow.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

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关知識资讯推荐

热门知識资讯推荐

网友关注

Copyright 2023-2025 - www.tftnews.com All Rights Reserved