在HTML中,可以通过CSS来添加滚动条,以下是一个简单的示例:
1、创建一个HTML文件,例如index.html,并添加以下内容:
带滚动条的页面
2、接下来,在标签内添加CSS样式,为.scrollable类添加overflowy: scroll;属性,以启用垂直滚动条,可以设置滚动条的宽度和颜色。
.scrollable { height: 300px; overflowy: scroll; border: 1px solid #ccc; }::webkitscrollbar { width: 10px; }::webkitscrollbartrack { backgroundcolor: #f1f1f1; }::webkitscrollbarthumb { backgroundcolor: #888; }::webkitscrollbarthumb:hover { backgroundcolor: #555; }3、将需要滚动的内容添加到.scrollable类的标签内。
| 标题1 | 标题2 | 标题3 |
|---|
现在,当页面内容超过容器高度时,将显示垂直滚动条。

