html捲軸樣式如何設定

設定html滾動條樣式的方法：先新建文檔，再新建CSS文件；然後建立DIV標籤並填滿內容，並設定捲軸內框的大小，程式碼為【overflow-y: scroll; overflow-x: scroll;】。

本教學操作環境：windows7系統、html5&&css3版，DELL G3電腦。

設定html捲軸樣式的方法：

1、新建一個HTML文檔，這裡設立基本的架構。

2、再新建一個CSS文件，用link關聯一下HTML文檔。

3、建立DIV標籤，並且在裡面填入內容。

4、先設定捲軸內框的大小，用border先來查看是否有超出，這裡可以看出超出了很多內容。

5、

overflow-y: scroll;

overflow-x: scroll;

加上這個樣式滾動條就會出現了。

6、

#ds::-webkit-scrollbar-track {
    background-color: green;
}
 
#ds::-webkit-scrollbar {
    width: 20px;
}
 
#ds::-webkit-scrollbar-thumb {
    background-color: pink;
    border-radius: 50%;
}

現在我們就能對軌道和捲軸進行樣式的設定了。

相關學習推薦：html教學

#

以上是html捲軸樣式如何設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！