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

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

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
實(shí)例解析DIVScroll屬性用法

本文和大家重點(diǎn)討論一下DIV Scroll屬性的用法，在CSS中DIV Scroll屬性還是比較實(shí)用的，這里和大家分享一下它的使用，希望對(duì)你的學(xué)習(xí)有所幫助。

10年積累的成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有安州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

DIV Scroll屬性

DIV Scroll屬性詳解，為DIV層打造不同的滾動(dòng)條。

一、scrollbar屬性、樣式詳解

1．overflow內(nèi)容溢出時(shí)的設(shè)置（設(shè)定被設(shè)定對(duì)象是否顯示滾動(dòng)條）

overflow-x水平方向內(nèi)容溢出時(shí)的設(shè)置

overflow-y垂直方向內(nèi)容溢出時(shí)的設(shè)置

以上屬性設(shè)置的值為visible(默認(rèn)值)、scroll(出現(xiàn)滾動(dòng)條)、hidden(隱藏)、auto()瀏覽器自動(dòng)設(shè)置)。

2．scrollbar-3d-light-color立體滾動(dòng)條亮邊的顏色（設(shè)置滾動(dòng)條的顏色）

scrollbar-arrow-color上下按鈕上三角箭頭的顏色

scrollbar-base-color滾動(dòng)條的基本顏色

scrollbar-dark-shadow-color立體滾動(dòng)條強(qiáng)陰影的顏色

scrollbar-face-color立體滾動(dòng)條凸出部分的顏色

scrollbar-highlight-color滾動(dòng)條空白部分的顏色

scrollbar-shadow-color立體滾動(dòng)條陰影的顏色#p#

二、我們通過(guò)幾個(gè)實(shí)例來(lái)講解上述的樣式屬性：

1.設(shè)定多行文本框的滾動(dòng)條

沒(méi)有水平滾動(dòng)條

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

沒(méi)有垂直滾動(dòng)條

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

沒(méi)有滾動(dòng)條

 
 
 
    
  
  
  
  1.   
  
  
  2. overflow-y:hidden"> 
    3.   
  
  
  3. 或 
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.

2.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條

沒(méi)有水平滾動(dòng)條

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

沒(méi)有垂直滾動(dòng)條

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

沒(méi)有滾動(dòng)條

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2. 或 
    3.

#p#3.在樣式表文件中定義好一個(gè)類，調(diào)用樣式表。

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

這樣調(diào)用：

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.

Scrollbar-Face-Color為滾動(dòng)條表面顏色設(shè)定；

Scrollbar-Highlight-Color為滾動(dòng)條上斜面和左斜面顏色設(shè)定；

Scrollbar-Shadow-Color為滾動(dòng)條下斜面和右斜面顏色設(shè)定；

Scrollbar-3Dlight-Color為滾動(dòng)條上邊和左邊的邊沿顏色設(shè)定；

Scrollbar-Arrow-Color為滾動(dòng)條兩端箭頭顏色設(shè)定。

Scrollbar-Track-Color為滾動(dòng)條底板顏色設(shè)定；

Scrollbar-Darkshadow為滾動(dòng)條下邊和右邊邊沿顏色設(shè)定。

實(shí)例：

 
 
 
    
  
  
  
  1. body{  
    2.   
  
  
  2. background-color:#ffffff;  
    3.   
  
  
  3. color:#336699;  
    4.   
  
  
  4. SCROLLBAR-FACE-COLOR:#BED8EB;  
    5.   
  
  
  5. SCROLLBAR-SHADOW-COLOR:#DDF8FF;  
    6.   
  
  
  6. SCROLLBAR-HIGHLIGHT-COLOR:#92C0D1;  
    7.   
  
  
  7. SCROLLBAR-3DLIGHT-COLOR:#DDF8FF;  
    8.   
  
  
  8. SCROLLBAR-DARKSHADOW-COLOR:#92C0D1;  
    9.   
  
  
  9. SCROLLBAR-TRACK-COLOR:#BED8EB;  
    10.   
  
  
  10. SCROLLBAR-ARROW-COLOR:#92C0D1  
    11.   
  
  
  11. }  
    12.   
  
  
  12.  
    13.

4.設(shè)定窗口滾動(dòng)條的顏色

設(shè)置窗口滾動(dòng)條的顏色為紅色
scrollbar-base-color設(shè)定的是基本色，一般情況下只需要設(shè)置這一個(gè)屬性就可以達(dá)到改變滾動(dòng)條顏色的目的。

加上一點(diǎn)特別的效果：

 
 
 
    
  
  
  
  1.   
  
  
  2. scrollbar-base-color:lightsalmon"> 
    3.   
  
  
  3.  
    4.

網(wǎng)站名稱：實(shí)例解析DIVScroll屬性用法
本文網(wǎng)址：http://www.5511xx.com/article/cdooido.html