請看下面的案例。這組代碼可能并不具有觀賞性,但是它改變了傳統(tǒng)滾動(dòng)條的樣式。你可以通過改變其中的代碼來創(chuàng)建你所喜歡的滾動(dòng)條樣式。事實(shí)上,這些代碼都極具自我描述性。不管怎樣,還是讓我們好好看看吧!

<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: green;
scrollbar-shadow-color: blue;
scrollbar-highlight-color: black;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: brown;
scrollbar-track-color: yellow;
scrollbar-arrow-color: white;
}
</STYLE>


你必須將上述代碼插入頁面的<head></head>標(biāo)簽紙內(nèi)來改變滾動(dòng)條的樣式。顏色名稱如:green[綠]、blue[藍(lán)]等等,這些名稱可以直接用于替代諸如:#000000這樣的六位顏色代碼。

下面這張圖片展示了用于定義滾動(dòng)條的樣式代碼。我想不需要再過多地說明了,因?yàn)槊總€(gè)語句的解釋都已經(jīng)很清楚了。那么,趕快試試它們,讓你的頁面看上去更加美觀吧!

自定義滾動(dòng)條的樣式



下面這段代碼是我在自己的頁面中所使用的。如果你喜歡也可以自由地使用它。

<STYLE TYPE="text/css">
BODY
{
scrollbar-face-color: #EAEAEA;
scrollbar-shadow-color: #EAEAEA;
scrollbar-highlight-color: #EAEAEA;
scrollbar-3dlight-color: #EAEAEA;
scrollbar-darkshadow-color: #697074;
scrollbar-track-color: #F7F7F7;
scrollbar-arrow-color: #666666;
}

相關(guān)文章

隨機(jī)推薦