文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>html页面中运用css为层(div)元素添加滚动条...

html页面中运用css为层(div)元素添加滚动条...

时间:2010-08-08  来源:lige2008

  1. <html>  
  2.     <head>  
  3.     <title>Div Scroll</title>  
  4.        
  5.     <style type="text/css">  
  6.     .scroll {   
  7.         width: 50%;                                     /*宽度*/   
  8.         200px;                                  /*高度*/   
  9.         color: ;                                        /*颜色*/   
  10.         font-family: ;                                  /*字体*/   
  11.         padding-left: 10px;                             /*层内左边距*/   
  12.         padding-right: 10px;                            /*层内右边距*/   
  13.         padding-top: 10px;                              /*层内上边距*/   
  14.         padding-bottom: 10px;                           /*层内下边距*/   
  15.         overflow-x: scroll;                             /*横向滚动条(scroll:始终出现;auto:必要时出现;具体参考CSS文档)*/   
  16.         overflow-y: scroll;                             /*竖向滚动条*/   
  17.            
  18.         scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/   
  19.         scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/   
  20.         scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/   
  21.         scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/   
  22.         scrollbar-arrow-color: #919192;                 /*箭头颜色*/   
  23.         scrollbar-track-color: #ffffff;                 /*滚动条底色*/   
  24.         scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/   
  25.     }   
  26.     </style>  
  27.        
  28.     </head>  
  29.        
  30.     <body>  
  31.     <div align="center">  
  32.         <div class="scroll">  
  33.             <!--在此添加想要显示的内容 -->  
  34.         </div>  
  35.     </div>  
  36.        
  37.     </body>  
  38. </html> 
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载