一聚教程网:一个值得你收藏的教程网站

热门教程

网页制作技巧文章之用CSS定义滚动条的颜色

时间:2022-07-02 13:07:07 编辑:袖梨 来源:一聚教程网

请看下面的案例。这组代码可能并不具有观赏性,但是它改变了传统滚动条的样式。你可以通过改变其中的代码来创建你所喜欢的滚动条样式。事实上,这些代码都极具自我描述性。不管怎样,还是让我们好好看看吧!

 代码如下 复制代码

你必须将上述代码插入页面的标签纸内来改变滚动条的样式。颜色名称如:green[绿]、blue[蓝]等等,这些名称可以直接用于替代诸如:#000000这样的六位颜色代码。
下面这张图片展示了用于定义滚动条的样式代码。我想不需要再过多地说明了,因为每个语句的解释都已经很清楚了。那么,赶快试试它们,让你的页面看上去更加美观吧!
下面这段代码是我在自己的页面中所使用的。如果你喜欢也可以自由地使用它。

 代码如下 复制代码