當前位置:生活全書館 >

綜合知識

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

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

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

標籤: 設定 滾動條
  • 文章版權屬於文章作者所有,轉載請註明 https://shqsg.com/zonghezhishi/6qxpy3.html