设置网站滚动条
  • 提交:admin
  • 时间:08-11-18 13:25
  • 更新:08-11-18 13:25
设置网站滚动条
网站设计制作的时候,经常要使用滚动条,在CSS中,可以通过滚动条属性scrollbar来美化滚动条。美化滚动条的参数如下(配图说明):
scrollbar-face-color:设置A区颜色;
scrollbar-shadow-color:设置A区阴影颜色;
scrollbar-highlight-color:设置A区边框颜色;
scrollbar-3dlight-color:设置A区的3D光影;
scrollbar-3darkshadow-color:设置A区的3D阴影;
scrollbar-track-color:设置B区滚动条轨道的颜色;
scrollbar-arrow-color:设置A去小三角的颜色。

_________A___________
| | |
|<| ||||||||||||| |>|
| |
------------|---------------
B

网站滚动条设置举例:
<html>
<head>
<title>网站设计与制作</title>
<style type="text/css">
<!--
body{
scrollbar-face-color:lightgreen;
scrollbar-shadow-color:purple;
scrollbar-highlight-color:purple;
scrollbar-3dlight-color:yellow;
scrollbar-3darkshadow-color:blue;
scrollbar-track-color:blue;
scrollbar-arrow-color:red
}/*在body样式中将滚动条的阴影和边框设置为紫色,3D光影和阴影为蓝色,使滚动条达到立体效果*/
-->
</style>
</head>
<body bgcolor=lightyellow>
<center>
<font size=4 color=red>
</font><br>
<img src="网站设计.jpg">/*同一目录下名为“网站设计”的jpg图片,这个图片大一点*/
</center>
</body>
</html>

本课主题:设置网站滚动条

相关主题:
美化网页链接
网站背景图片定位
固定网站背景图像
重复网站背景图像 background-repeat
网站的背景颜色和背景图片
请拨打热线:0571-86586571

文章推荐

    Loading...

人气排行

    Loading...
建站经验 - 业内新闻 - 优化技术 - 网络营销 - 官方论坛 - 建站套餐 - 网站建设单价 - 增值服务 - 建站流程
网站优化套餐 - 网站推广增值服务 - 网站推广流程 - 网站设计 - 设计精选 - 企业网站 - 政府网站 - 电子商务网站 - 行业门户网站

关于我们 - 诚聘英才 - 合作伙伴 - 联系我们
[ 简体中文 ] [ blue ] 管理模式
Copyright ©2005 - 2008 杭州尚线网络技术有限公司
Processed in 0.004(s) 浙ICP备07025542号