CSS设置滚动条颜色
2009-07-15 13:03
309 查看
我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式,而是漂亮的红色或其它颜色样式,其实这就是在网页代码之间加入代码来实现的,这就是CSS设置滚动条颜色的作用。
页面滚动条代码及其解释如下:
CSS设置滚动条颜色实例代码:
页面滚动条代码及其解释如下:
以下为引用的内容: scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色 scrollbar-face-color 设置或检索滚动条3D表面(ThreedFace)的颜色 scrollbar-arrow-color 设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color 设置或检索滚动条3D界面的暗边(ThreedShadow)颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框(ThreedDarkShadow)颜色 scrollbar-base-color 设置或检索滚动条基准颜色。其它界面颜色将据此自动调整 |
以下为引用的内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS设置滚动条颜色 www.phpq.net</title> <style type="text/css"> <!-- #height {height:1000px;} html { scrollbar-face-color:#C00; scrollbar-highlight-color:#F60; scrollbar-3dlight-color:#F00; scrollbar-darkshadow-color:#000; scrollbar-Shadow-color:#000; scrollbar-arrow-color:#FFF; scrollbar-track-color:#D6A27E; } --> </style> </head> <body> <div id="height"></div> </body> </html> |
相关文章推荐
- css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
- 如何用CSS设置滚动条颜色?
- css滚动条颜色参数设置
- css设置滚动条颜色与样式以及如何去掉与隐藏滚动条
- 我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色,如何使用火狐浏览器的Firebug插件查看网页的字体
- 奇 偶 行的css 设置背景颜色.
- DIV中滚动条设置到随机位置(CSS+Javascript)
- DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度;设置最小宽度,窗口小的时候显示滚动条.
- CSS设置html网页背景图片 CSS设置网页背景颜色
- win 7DOS命令窗口恢复默认设置,滚动条消失,字体颜色修改后还原。
- CSS设置透明度与rgba颜色模式
- css 链接变颜色 (加边框设置样式)
- css 链接变颜色 (加边框设置样式)
- CSS设置滚动条样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- css基础 给P标签中的内容设置 字体,字体颜色,首行缩进,行高,字体间距
- css设置滚动条样式
- CSS简单的文本设置及颜色表示法
- DIV中滚动条设置到随机位置(CSS+Javascript)