网站设计制作的时候，经常要使用滚动条，在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>
|
|
||
|
相关热词搜索： |
||
| 收藏到网摘： | ||
|
{ php echo runhook('glogal_footer')}