html頁面中爲層(div)元素加滾動條


Html代碼  收藏代碼
  1. <html>  
  2.     <head>  
  3.     <title>Div Scroll</title>  
  4.       
  5.     <style type="text/css">  
  6.     .scroll {  
  7.         width: 50%;                                     /*寬度*/  
  8.         height: 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>  

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章