滚动条演示与代码(二)

来源:百度文库 编辑:神马文学网 时间:2024/04/28 07:17:54
各种滚动条演示与代码(二)

这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容


这里输入内容

DD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-colorDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">
这里输入内容


这里输入内容


这里输入内容

以上边框代码在边框内,喜欢哪款就复制那款内的代码使用。
注:
透明滚动条的设置:如下滚动条框架

这里输入内容


这里输入内容

一、overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
二、width(宽度):数值、  height(高度):数值、 color(字体颜色):色彩代码、 font-size(字体大小):数值、 line-height(行高):数值;
三、border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
四、font-weight(字体粗细):normal、bold、bolder、lighter;    font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;  background(背景颜色):色彩代码;
五、scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;
六、filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
七、word-break(断字):normal(默认,正常断字)、keep-all(严
格不断字)、break-all(严格断字);

、direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。