马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<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:转动条的基础色彩
<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><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><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:转动条的基础色彩+++++++++++++++++++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全体选择提醒:你可先修正部分代码,再按运转]
</p>
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。 |