css+div如何美化滚动条,

html-css07

css+div如何美化滚动条,,第1张

调他的样式就可以了呀。

SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR(滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)

1、使用滚动条来显示溢出的内容。

overflow:scroll。(无论div中的内容是否溢出,都会出现滚动条框)

2、使用滚动条来隐藏溢出的内容。

overflow:hidden。(div中溢出的部分呗隐藏)

3、设置浏览器自动处理溢出内容。

overflow:auto。 (当div的内容没有溢出的时候显示正常状况,当溢出后自动为其加上滚动条)

CSS设置文字大于DIV宽度时出现滚动条,需要使用到overflow-x属性,其语法为overflow-x:visible

|

auto

|

hidden

|

scroll。

当overflow-x属性值设置为

scroll时,在文本设置超出部分添加滚动条并显示。

具体设置方法如下:

#box

{

font-size:

12px

line-height:

24px

width:700px

height:

80px

padding:

10px

background:

#FFFF00

overflow-x:

scroll

}