HTML5网页设计

html_css

自定义滚动条的样式

时间:2012-01-22 01:31来自:未知作者:秩名点击:
请看下面的案例,你可以通过改变其中的代码来创建你所喜欢的滚动条样式,这些代码都极具自我描述性。

请看下面的案例,你可以通过改变其中的代码来创建你所喜欢的滚动条样式,这些代码都极具自我描述性。

  1. <STYLE TYPE="text/css"
  2. BODY 
  3. scrollbar-face-colorgreen
  4. scrollbar-shadow-colorblue
  5. scrollbar-highlight-colorblack
  6. scrollbar-3dlight-colorred
  7. scrollbar-darkshadow-color: brown; 
  8. scrollbar-track-color: yellow; 
  9. scrollbar-arrow-colorwhite
  10. </STYLE> 

你必须将上述代码插入页面的<head></head>标签纸内来改变滚动条的样式。颜色名称如:green[绿]、blue[蓝]等等,这些名称可以直接用于替代诸如:#000000这样的六位颜色代码。

下面这张图片展示了用于定义滚动条的样式代码。我想不需要再过多地说明了,因为每个语句的解释都已经很清楚了。那么,赶快试试它们,让你的页面看上去更加美观吧!

下面这段代码是我在自己的页面中所使用的。如果你喜欢也可以自由地使用它。

  1. <STYLE TYPE="text/css"
  2. BODY 
  3. scrollbar-face-color#EAEAEA
  4. scrollbar-shadow-color#EAEAEA
  5. scrollbar-highlight-color#EAEAEA
  6. scrollbar-3dlight-color#EAEAEA
  7. scrollbar-darkshadow-color#697074
  8. scrollbar-track-color#F7F7F7
  9. scrollbar-arrow-color#666666
  10. }
  11. </STYLE>

当前文章地址:http://www.shejicool.com/web/html_css/312.html

阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐