网页制作滚动条样式 overflow 使用
作者:佚名 时间:2012-04-24
一、首先来了解一下overflow overflow:内容溢出时的设置,可以设置对象是否显示滚动条, overflow-x:指水平方向内容溢出时的设置 overflow-y:指垂直方向内容溢出时的设置 它们设置的值为visible、scroll、hidden、auto。 visible是默认值。使用这个值时,无论设置的"width"和"height"的值是多少,其中的内容无论是否超出范围都会被强制显示出来。 hidden效果与visible相反。任何超出"width"和"height"的内容都会不可见。 scroll无论内容是否超出范围,都会显示滚动条。 auto当内容超出范围时,自动显示滚动条,否则不显示。 例如: 1.浏览器窗口不出现滚动条: a.没有水平滚动条: b.没有垂直滚动条: c.没有滚动条: 或 2.让多行的文本隐藏滚动条:
a.没有水平滚动条:
b.没有垂直滚动条:
c.没有滚动条: 或
二、设定滚动条的颜色 在浏览网页的时候我们有时可以看到有许多网页滚动条颜色不是系统默认的,而是漂亮的粉红色或其它颜色,其实只要在网页代码中加入一些代码就可以实现。 DIY属于你自己的滚动条,将这些代码加入到中间。/*这里是代码的注释*/
如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/contact/20151229/n7630.html