怎样写网络小说,斗破苍穹续集

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

DIV滾動(dòng)條屬性及樣式設(shè)置方式

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

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

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

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

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

示例代碼：

 
 
 
  
  
   
  
  
  .testDiv{  
  
  
  border-style:solid;  
  
  
  border-width:50px;  
  
  
  border-color:pink;  
  
  
   
  
  
  position:absolute;  
  
  
  top:200px;  
  
  
  left:300px;  
  
  
  height:200px;  
  
  
  width:300px;  
  
  
   
  
  
  overFlow-x:scroll;  
  
  
  overFlow-y:hidden;  
  
  
   
  
  
  scrollBar-face-color:green;  
  
  
  scrollBar-hightLight-color:red;  
  
  
  scrollBar-3dLight-color:orange;  
  
  
  scrollBar-darkshadow-color:blue;  
  
  
  scrollBar-shadow-color:yellow;  
  
  
  scrollBar-arrow-color:purple;  
  
  
  scrollBar-track-color:black;  
  
  
  scrollBar-base-color:pink;  
  
  
   
  
  
  }

注：

1.overFlow:

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

scroll總是顯示滾動(dòng)條

hidden沒(méi)有滾動(dòng)條，超出區(qū)域的內(nèi)容不可見(jiàn)

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

2.DIV滾動(dòng)條顏色屬性：

face-color：滑塊顏色

hightlight-color：高亮顏色

3dlight-color：三維光線顏色

darkshadow-color：暗影顏色

shadow-color：陰影顏色

arrow-color：箭頭顏色

track-color：滑道顏色

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

3.overFlow-xoverFlow-y

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

scroll總是顯示滾動(dòng)條

hidden沒(méi)有DIV滾動(dòng)條，超出區(qū)域的內(nèi)容不可見(jiàn)

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

【編輯推薦】

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

新聞名稱：DIV滾動(dòng)條屬性及樣式設(shè)置方式
當(dāng)前路徑：http://m.fisionsoft.com.cn/article/ccccodg.html

新聞中心

其他資訊