網(wǎng)頁制作滾動條樣式 overflow 使用
作者:佚名 時間:2012-04-24 分享到:
一、首先來了解一下overflow overflow:內(nèi)容溢出時的設(shè)置,可以設(shè)置對象是否顯示滾動條, overflow-x:指水平方向內(nèi)容溢出時的設(shè)置 overflow-y:指垂直方向內(nèi)容溢出時的設(shè)置 它們設(shè)置的值為visible、scroll、hidden、auto。 visible是默認值。使用這個值時,無論設(shè)置的"width"和"height"的值是多少,其中的內(nèi)容無論是否超出范圍都會被強制顯示出來。 hidden效果與visible相反。任何超出"width"和"height"的內(nèi)容都會不可見。 scroll無論內(nèi)容是否超出范圍,都會顯示滾動條。 auto當(dāng)內(nèi)容超出范圍時,自動顯示滾動條,否則不顯示。 例如: 1.瀏覽器窗口不出現(xiàn)滾動條: a.沒有水平滾動條: b.沒有垂直滾動條: c.沒有滾動條: 或 2.讓多行的文本隱藏滾動條:
a.沒有水平滾動條:
b.沒有垂直滾動條:
c.沒有滾動條: 或
二、設(shè)定滾動條的顏色 在瀏覽網(wǎng)頁的時候我們有時可以看到有許多網(wǎng)頁滾動條顏色不是系統(tǒng)默認的,而是漂亮的粉紅色或其它顏色,其實只要在網(wǎng)頁代碼中加入一些代碼就可以實現(xiàn)。 DIY屬于你自己的滾動條,將這些代碼加入到中間。/*這里是代碼的注釋*/