码迷,mamicode.com
首页 > 其他好文 > 详细

滚动条的使用

时间:2014-06-28 09:36:57      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   width   html   

 <html>  
        <head>  
        <title>Div Scroll</title>  
          
        <style type="text/css">  
        .scroll {  
            width: 50%;                                     /*宽度*/  
            height: 200px;                                  /*高度*/  
            color: ;                                        /*颜色*/  
            font-family: ;                                  /*字体*/  
            padding-left: 10px;                             /*层内左边距*/  
            padding-right: 10px;                            /*层内右边距*/  
            padding-top: 10px;                              /*层内上边距*/  
            padding-bottom: 10px;                           /*层内下边距*/  
            overflow-x: scroll;                             /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS文档)*/  
            overflow-y: scroll;                             /*竖向滚动条*/  
              
            scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/  
            scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/  
            scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/  
            scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/  
            scrollbar-arrow-color: #919192;                 /*箭头颜色*/  
            scrollbar-track-color: #ffffff;                 /*滚动条底色*/  
            scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
        }  
        </style>  
          
        </head>  
          
        <body>  
        <div align="center">  
            <div class="scroll">  
                <!--在此添加想要显示的内容 -->  
            </div>  
        </div>  
          
        </body>  
    </html> 

 

滚动条的使用,布布扣,bubuko.com

滚动条的使用

标签:style   blog   color   使用   width   html   

原文地址:http://www.cnblogs.com/susu1117/p/3810962.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!