使⽤CSS设置滚动条样式以及如何去掉滚动条的⽅法<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: #f892cc;
SCROLLBAR-HIGHLIGHT-COLOR: #f256c6;
SCROLLBAR-SHADOW-COLOR: #fd76c2;
SCROLLBAR-3DLIGHT-COLOR: #fd76c2;
SCROLLBAR-ARROW-COLOR: #fd76c2;
SCROLLBAR-TRACK-COLOR: #fd76c2;
SCROLLBAR-DARKSHADOW-COLOR: #f629b9;
SCROLLBAR-BASE-COLOR: #e9cfe0
}
</STYLE>
SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜⾊
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空⽩部分的颜⾊
css设置表格滚动条SCROLLBAR-SHADOW-COLOR: ⽴体滚动条阴影的颜⾊
SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜⾊
SCROLLBAR-ARROW-COLOR: 上下按钮上三⾓箭头的颜⾊
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜⾊
SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜⾊
SCROLLBAR-BASE-COLOR: 滚动条的基本颜⾊
没有⽔平滚动条:
<div >test</div>
没有垂直滚动条
<div >test</div>
没有滚动条
<div 或>test</div>
⾃动显⽰滚动条
<div>test</div>
⽹页中去掉滚动条:
去掉横向滚动条:<body style='overflow:scroll;overflow-x:hidden'>
去掉竖向滚动条:<body style='overflow:scroll;overflow-y:hidden'>
两个都去掉:<body scroll="no">
框加中去滚动条在name=""后⾯加 scrolling="No"
1,Overflow内容溢出时的设置
overflow ⽔平及垂直⽅向内容溢出时的设置
overflow-x ⽔平⽅向内容溢出时的设置
overflow-y 垂直⽅向内容溢出时的设置
以上三个属性设置的值为visible、scroll、hidden、auto
visible 默认值。使⽤该值时,⽆论设置的"width"和"height"
的值是多少,其中的内容⽆论是否超出范围都将被强制显⽰。
hidden 效果与visible相反。任何超出"width"和"height"的内
容都会不可见。
scroll ⽆论内容是否超越范围,都将显⽰滚动条。
auto 当内容超出范围时,显⽰滚动条,否则不显⽰。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论