-- 作者:admin
-- 发布时间:2008/3/19 14:09:26
-- 利用CSS修改滚动条样式
下面是一个滚动条样式的例子,通过修改各个属性值可以改变滚动条的样子。
<html> <head> <meta http-equiv="Content-Language" c> <meta http-equiv="Content-Type" c> <title>网页特效代码|JsCode.CN|---用CSS控制滚动条样式</title> <STYLE> BODY { SCROLLBAR-FACE-COLOR: #fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90; SCROLLBAR-SHADOW-COLOR: #fcfcfc; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc; SCROLLBAR-ARROW-COLOR: #240024; SCROLLBAR-TRACK-COLOR: #fcfcfc; SCROLLBAR-DARKSHADOW-COLOR: #48486c; SCROLLBAR-BASE-COLOR: #fcfcfc } </STYLE> </head> <body> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </body> </html>
说明: SCROLLBAR-FACE-COLOR: 滚动条凸出部分的颜色 SCROLLBAR-HIGHLIGHT-COLOR: 滚动条空白部分的颜色 SCROLLBAR-SHADOW-COLOR: 立体滚动条阴影的颜色 SCROLLBAR-3DLIGHT-COLOR: 滚动条亮边的颜色 SCROLLBAR-ARROW-COLOR: 上下按钮上三角箭头的颜色 SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色 SCROLLBAR-DARKSHADOW-COLOR: 滚动条强阴影的颜色 SCROLLBAR-BASE-COLOR: 滚动条的基本颜色
[此贴子已经被作者于2010-8-12 14:10:38编辑过]
|