网页滚动条代码

在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?

网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写)

  <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>


以上的代码,从Body以下的,凡是#号后面的,都是颜色代码,颜色代码为16进制。而括号内的文字是对左边代码的注释,在加入网页代码时不要输入。这样一来,你就可以DIY自己的网页滚动条了。

时间: 2025-01-01 13:50:07

网页滚动条代码的相关文章

用CSS代码轻松Diy你的网页滚动条

css|网页     在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?      网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) <Style type="text/css">  <!--   Body {  scrollbar-face-color:#C0C0C0; (表面)  scrollbar-highlight-color:#FFFFFF;(亮

用CSS代码轻松Diy你的网页滚动条_CSS/HTML

在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢?      网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) 以下是引用片段:<Style type="text/css"><!--   Body {  scrollbar-face-color:#C0C0C0; (表面)  scrollbar-highlight-color:#FFFFFF;(亮边)  s

轻轻松松实现另类的网页滚动条

网页 在浏览网页的时候我们有时可以看到有的网页滚动条颜色不是系统默认的,而是漂亮的红色或其它颜色,其实这就是在网页代码之间加入代码来实现的,具体是哪些代码呢? 网页滚动条代码及其解释如下:(复制时请将大写尖括号改为小写) <Style type="text/css"> <!-- Body { scrollbar-face-color:#C0C0C0; (表面) scrollbar-highlight-color:#FFFFFF;(亮边) scrollbar-3dlig

网页高手-玩转网页滚动条

网页 网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:"只有你想不到的,没有做不到的." 给滚动条换色 几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽.我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了. <style>body {SCROLLBAR-FACE

玩转网页滚动条

网页 网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:"只有你想不到的,没有做不到的." 给滚动条换色几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽.我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了.<style> body {SCROLLBAR-FACE-

JS实现网页滚动条感应鼠标变色的方法

 这篇文章主要介绍了JS实现网页滚动条感应鼠标变色的方法,实例分析了javascript针对鼠标事件的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JS实现网页滚动条感应鼠标变色的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <html> <head> <title>JS实现网页滚动条感应鼠标变色</title> </head> <body> 把你的目光转向右侧的滚动条看一下吧?是不是很

css中去除网页滚动条示例程序

默认状态下,当网页内容较多的时候,各网页浏览器会自动显示滚动条,在某些时候,我们不想显示滚动条,下面教你一些代码,可以去除横向滚动条.竖向滚动条.以及整体全部的滚动条,这些代码主要添加在页面的<body>标签后面: 来看看看去掉滚动条的方法 滚动条样式主要涉及到如下CSS属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容 overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x:

JS实现网页滚动条感应鼠标变色的方法_javascript技巧

本文实例讲述了JS实现网页滚动条感应鼠标变色的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS实现网页滚动条感应鼠标变色</title> </head> <body> 把你的目光转向右侧的滚动条看一下吧?是不是很漂亮噢?鼠标放上还会变换色彩呢? <br><br><hr> 收集于互联网,只为兴趣与学习交流,不作商业用途.</p&

js控制网页滚动条效果

提示:您可以先修改部分代码再运行 超酷带纹理网页滚动条效果 Skinned HTML Scrollbar Well, usually I don't comment my work, but this one being a "pure technical demo", and as I had to place some content here, I will make an exception. Once upon the time I stumbled upon the gre