您的位置：首页 > Web前端 > HTML

html页面中为层(div)元素加滚动条

2015-09-29 19:01 676 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航