前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

网页设计:DIY不一样的网页滚动条(网页制作滚动图片怎么做)

现在很多中小学校都有自己的网站,但是网站运营者很多都是网站爱好者,能通过一些源码建站,但是没有自己的创意,有时候,在浏览网页的时,我们有时可以看到:有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?现在提供给大家,网站设计者或者网络高手请无视。

以下就是网页滚动条代码及其解释:

<Style type="text/css">

<!--

Body {

scrollbar-face-color:#C0C0C0; (表面)

scrollbar-highlight-color:#FFFFFF;(亮边)

scrollbar-3dlight-color:#C0C0C0;(3D亮边)

scrollbar-darkshadow-color:#000000; (3D暗边)

scrollbar-Shadow-color:#808080;(阴影)

scrollbar-arrow-color:#000000; (箭头)

scrollbar-track-color:#E0E0E0;(滚动区)

}

-->

</Style>

将以上的CSS样式代码放在网页的</head>代码前面,从Body{}内的均为CSS样式定义。

凡是#号后面的都是颜色代码,颜色代码为16进制,而括号内的文字是对左边代码的注释(在加入网页代码时可以不输入进去)。这样一来,您就可以DIY自己的网页滚动条了。这样的设计会使网站与众不同。

好了,就讲到这里了,欢迎拍砖。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言