日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
DIV滾動條屬性及樣式設(shè)置方式

這里向大家描述一下DIV滾動條屬性及樣式設(shè)置，所謂DIV滾動條，就是利用DIV標簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當div所規(guī)范的區(qū)域內(nèi)的內(nèi)容達到一定程序時，滾動條就派上用場。

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、瀏陽ssl等。為近1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學管理、有技術(shù)的瀏陽網(wǎng)站制作公司

DIV滾動條屬性及樣式設(shè)置

所謂DIV滾動條，就是利用DIV標簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當div所規(guī)范的區(qū)域內(nèi)的內(nèi)容達到一定程序時，滾動條就派上用場。其功能大約是為了節(jié)約頁面空間，就是所謂的“縮地”了。

當div所定義的區(qū)域的內(nèi)容達到一定程度時，在div標簽里面嵌入css樣式表，定義overflow的屬性值，設(shè)置DIV滾動條相關(guān)的屬性。

示例代碼：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. .testDiv{  
    3. 
  
  
  
  3. border-style:solid;  
    4. 
  
  
  
  4. border-width:50px;  
    5. 
  
  
  
  5. border-color:pink;  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7. position:absolute;  
    8. 
  
  
  
  8. top:200px;  
    9. 
  
  
  
  9. left:300px;  
    10. 
  
  
  
  10. height:200px;  
    11. 
  
  
  
  11. width:300px;  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13. overFlow-x:scroll;  
    14. 
  
  
  
  14. overFlow-y:hidden;  
    15. 
  
  
  
  15.  
    16. 
  
  
  
  16. scrollBar-face-color:green;  
    17. 
  
  
  
  17. scrollBar-hightLight-color:red;  
    18. 
  
  
  
  18. scrollBar-3dLight-color:orange;  
    19. 
  
  
  
  19. scrollBar-darkshadow-color:blue;  
    20. 
  
  
  
  20. scrollBar-shadow-color:yellow;  
    21. 
  
  
  
  21. scrollBar-arrow-color:purple;  
    22. 
  
  
  
  22. scrollBar-track-color:black;  
    23. 
  
  
  
  23. scrollBar-base-color:pink;  
    24. 
  
  
  
  24.  
    25. 
  
  
  
  25. }  
    26. 
  
  
  
  26.  
    27. 
  
  
  
  27.  
    28. 
  
  
  
  28.  
    29.

 注：

1.overFlow:

visible卻省值，沒有DIV滾動條，根據(jù)內(nèi)容自動擴撐區(qū)域的大小，即定義的區(qū)域無效

scroll總是顯示滾動條

hidden沒有滾動條，超出區(qū)域的內(nèi)容不可見

auto根據(jù)內(nèi)容自動判斷是否添加滾動條

2.DIV滾動條顏色屬性：

face-color：滑塊顏色

hightlight-color：高亮顏色

3dlight-color：三維光線顏色

darkshadow-color：暗影顏色

shadow-color：陰影顏色

arrow-color：箭頭顏色

track-color：滑道顏色

base-color：DIV滾動條的主要顏色，其中包含滾動按鈕和滾動滑塊

3.overFlow-xoverFlow-y

visible卻省值，沒有DIV滾動條，根據(jù)內(nèi)容自動擴撐區(qū)域的大小，即定義的區(qū)域無效

scroll總是顯示滾動條

hidden沒有DIV滾動條，超出區(qū)域的內(nèi)容不可見

auto根據(jù)內(nèi)容自動判斷是否添加滾動條
 

【編輯推薦】

  1. 專家解惑 DIV是什么意思？
  2. JavaScript動態(tài)創(chuàng)建div屬性和樣式
  3. SPAN元素和DIV元素的區(qū)別
  4. CSS2.0中page-break-after屬性用法
  5. 探究CSS中border:none;與border:0;的區(qū)別

新聞標題：DIV滾動條屬性及樣式設(shè)置方式
URL地址：http://m.5511xx.com/article/ccccodg.html