CSS教程之修正IE扫瞄器转动条款式的一个实例

显示全部楼层 · 发表于 2015-1-16 07:39:52

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
上面是一个转动条款式的例子，经由过程修正各个属性值能够改动转动条的模样。
<html>
<head>
<metahttp-equiv="Content-Language"content="zh-cn">
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<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>
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
　
</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:转动条的基础色彩
<html>
<head>
<style>
Body{
scrollbar-arrow-color:#f4ae21;/*,三角箭头的色彩*/
scrollbar-face-color:#333;/*,平面转动条的色彩*/
scrollbar-3dlight-color:#666;/*,平面转动条亮边的色彩*/
scrollbar-highlight-color:#666;/*,转动条空缺部分的色彩*/
scrollbar-shadow-color:#999;/*,平面转动条暗影的色彩*/
scrollbar-darkshadow-color:#666;/*,平面转动条强暗影的色彩*/
scrollbar-track-color:#666;/*,平面转动条背景色彩*/
scrollbar-base-color:#f8f8f8;/*转动条的基础色彩*/
}
</style>
</head>
<body></body>
</html>

上面是一个转动条款式的例子，经由过程修正各个属性值能够改动转动条的模样。<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><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>　　　　　　　　　　　　　　　　　　　　　　</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:转动条的基础色彩+++++++++++++++++++http://www.huaz.net/Forum/Print.asp?ThreadID=23(2006-10-0809:51:50)MH<html><head><style>Body{scrollbar-arrow-color:#f4ae21;/*,三角箭头的色彩*/scrollbar-face-color:#333;/*,平面转动条的色彩*/scrollbar-3dlight-color:#666;/*,平面转动条亮边的色彩*/scrollbar-highlight-color:#666;/*,转动条空缺部分的色彩*/scrollbar-shadow-color:#999;/*,平面转动条暗影的色彩*/scrollbar-darkshadow-color:#666;/*,平面转动条强暗影的色彩*/scrollbar-track-color:#666;/*,平面转动条背景色彩*/scrollbar-base-color:#f8f8f8;/*转动条的基础色彩*/}</style></head><body></body></html>

[Ctrl+A全体选择提醒：你可先修正部分代码，再按运转]

DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称，中文译作“层叠样式表单”。

显示全部楼层 · 发表于 2015-1-18 06:45:46

AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] CSS教程之修正IE扫瞄器转动条款式的一个实例

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

浏览过的版块