CSS 怎么样滚动条指定背景图片?

html-css072

CSS 怎么样滚动条指定背景图片?,第1张

CSS背景图片不滚动的方法<STYLE TYPE=”text/css”><!–BODY {background-image: URL(图片地址)

background-position: center

background-repeat: no-repeat

background-attachment: fixed}–></STYLE>CSS改变滚动条颜色在CSS的BODY里输入:Scrollbar-Face-Color为滚动条表面颜色设定;

Scrollbar-Track-Color为滚动条底板颜色设定;

Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定;

Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定;

Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定;

Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定;

Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。

例子:<style type=”text/css”>body {scrollbar-face-color: #333333

scrollbar-shadow-color: #808080

scrollbar-highlight-color: #333333

scrollbar-3dlight-color: #808080

scrollbar-darkshadow-color: #333333

background-image,用它可以指定整个网页的背景图片(将它放在BODY标签内),也可以是某一个单词。

background-repeat 是否循环背景

p {background-repeat:no-repeatbackground-image:url(background.gif)}/*不循环*/

p {background-repeat:repeatbackground-image:url(background.gif)}/*循环*/

background-attachment 是否固定背景

body {background-attachment:scrollbackground-image:url(background.gif)}/*随文字一起滚动*/

body {background-attachment:fixedbackground-image:url(background.gif)}/*固定不动*/

CSS改变流动条的样式,代码如下:

scrollbar-face-color:#FEFAF1 (立体滚动条凸出部分的颜色) 

scrollbar-highlight-color:#FEFAF1 (滚动条空白部分的颜色) 

scrollbar-shadow-color:#FEFAF1 (立体滚动条阴影的颜色) 

scrollbar-arrow-color:#E6C3B9(上下按钮上三角箭头的颜色) 

scrollbar-base-color:#FEFAF1 (滚动条的基本颜色) 

scrollbar-darkshadow-color:#E6C3B9 (立体滚动条强阴影的颜色) 

scrollbar-3dlight-color:#E6C3B9(滚动条亮边的颜色) 

scrollbar-track-color:#FEFAF1} (滚动条的背景颜色)

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。