欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

div css 滾動條樣式 DIV滾動條屬性及樣式設置方式

  發(fā)布時間：2012-12-23 15:53:46   作者：佚名   我要評論
所謂DIV滾動條，就是利用DIV標簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當div所規(guī)范的區(qū)域內(nèi)的內(nèi)容達到一定程序時，滾動條就派上用場,這里為你介紹DIV滾動條屬性及樣式設置,需要了解的朋友可以參考下

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

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

DIV滾動條屬性及樣式設置

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

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

復制代碼
代碼如下:

<style type="text/css">
.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;
}
</style>

注：
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)容自動判斷是否添加滾動條

相關文章

最新評論