示例示例HTML 滚动条样式指的是在 HTML 页面中,当内容超出浏览器可视区域时,出现滚动条以便用户滚动查看全部内容。使用 CSS 可以改变 HTML 滚动条的外观,是一个简单的代码示例:
HTML 滚动条样式指的是在 HTML 页面中,当内容超出浏览器可视区域时,出现滚动条以便用户滚动查看全部内容。
使用 CSS 可以改变 HTML 滚动条的外观,是一个简单的代码示例:
css
/* 滚动条整体样式 */
::-webkit-scrollbar {
width: 10px;
background-color: #f5f5f5;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #f5f5f5;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(86条)