久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

分享

學(xué)習(xí)設(shè)計滾動條框高級樣式代碼

 昵稱3684204 2011-10-20
學(xué)習(xí)設(shè)計滾動條框高級樣式代碼】

 

 

 

帶背景樣式

<TABLE style="BORDER-RIGHT: #222222 2px dotted; BORDER-TOP: #222222 2px dotted; BORDER-LEFT: #222222 2px dotted; BORDER-BOTTOM: #222222 2px dotted" cellSpacing=3 borderColorDark=#222222 cellPadding=0 width=200 align=center bgColor=#222222 borderColorLight=#111111 border=1>
<TBODY>
<TR>
<TD background=http://image40.360doc.com/DownloadImg/2011/10/2013/18624557_1.gif>
<DIV style="SCROLLBAR-FACE-COLOR: #222222; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #222222; OVERFLOW: scroll; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #111111; COLOR: #222222; SCROLLBAR-3DLIGHT-COLOR: #111111; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #eeeeee; SCROLLBAR-TRACK-COLOR: #111111; SCROLLBAR-DARKSHADOW-COLOR: #222222; HEIGHT: 320px" align=center><FONT color=#808080 size=2>內(nèi)容</FONT></DIV></TD></TR></TBODY></TABLE>

 

 

 

<TABLE style="BORDER-RIGHT: #800000 1px dashed; BORDER-TOP: #800000 1px dashed; BORDER-LEFT: #800000 1px dashed; BORDER-BOTTOM: #800000 1px dashed" cellSpacing=3 borderColorDark=#800000 cellPadding=0 width=200 align=center bgColor=#800000 borderColorLight=#500000 border=1>
<TBODY>
<TR>
<TD background=http://image40.360doc.com/DownloadImg/2011/10/2013/18624557_2.gif>
<DIV style="SCROLLBAR-FACE-COLOR: #800000; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #800000; OVERFLOW: scroll; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #600000; COLOR: #008000; SCROLLBAR-3DLIGHT-COLOR: #600000; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #600000; SCROLLBAR-DARKSHADOW-COLOR: #800000; HEIGHT: 320px" align=center><FONT color=#808080 size=2>內(nèi)容</FONT></DIV></TD></TR></TBODY></TABLE>

 

 

 

 

 

雙標(biāo)題欄樣式 

欄目標(biāo)題

<TABLE style="BORDER-RIGHT: #008000 3px dashed; BORDER-TOP: #00aa00 3px dashed; BORDER-LEFT: #008000 3px dashed; BORDER-BOTTOM: #008000 3px dashed" cellSpacing=3 borderColorDark=#008000 cellPadding=0 width=200 align=center bgColor=#008000 borderColorLight=#00cc00 border=1>
<TBODY>
<TR align=middle>
<TD borderColorLight=#003000 borderColorDark=#00cc00 height=27><FONT color=#000000 size=2><STRONG>欄目標(biāo)題</STRONG></FONT></TD></TR>
<TR>
<TD bgColor=#000000>
<DIV style="SCROLLBAR-FACE-COLOR: #008000; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #008000; OVERFLOW: scroll; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #003000; COLOR: #008000; SCROLLBAR-3DLIGHT-COLOR: #003000; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #003000; SCROLLBAR-DARKSHADOW-COLOR: #008000; HEIGHT: 293px" align=center>內(nèi)容</DIV></TD></TR>
<TR align=middle>
<TD borderColorLight=#003000 borderColorDark=#00cc00 height=27><FONT color=#000000 size=2><STRONG>欄目標(biāo)題</STRONG></FONT></TD></TR></TBODY></TABLE>

 

欄目標(biāo)題

 

 

 

單標(biāo)題欄樣式

欄目標(biāo)題

<TABLE style="BORDER-RIGHT: #0000ff 3px double; BORDER-TOP: #0000ff 3px double; BORDER-LEFT: #0000ff 3px double; BORDER-BOTTOM: #0000ff 3px double" cellSpacing=3 borderColorDark=#0000ff cellPadding=0 width=200 align=center bgColor=#0000ff borderColorLight=#0000a0 border=1>
<TBODY>
<TR align=middle>
<TD borderColorLight=#000080 borderColorDark=#0000a0 height=27><FONT color=#000000 size=2><STRONG>欄目標(biāo)題</STRONG></FONT></TD></TR>
<TR>
<TD bgColor=#000000>
<DIV style="SCROLLBAR-FACE-COLOR: #0000ff; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #0000ff; OVERFLOW: scroll; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #000080; COLOR: #0000ff; SCROLLBAR-3DLIGHT-COLOR: #000080; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-TRACK-COLOR: #000080; SCROLLBAR-DARKSHADOW-COLOR: #0000ff; HEIGHT: 320px" align=center>內(nèi)容</DIV></TD></TR></TBODY></TABLE>

 

 

 

 

郵票邊緣樣式

<TABLE style="BORDER-RIGHT: #dddddd 3px dashed; BORDER-TOP: #dddddd 3px dashed; BORDER-LEFT: #dddddd 3px dashed; BORDER-BOTTOM: #dddddd 3px dashed" cellSpacing=3 borderColorDark=#dddddd cellPadding=0 width=200 align=center bgColor=#dddddd borderColorLight=#aaaaaa border=1>
<TBODY>
<TR>
<TD bgColor=#000000>
<DIV style="SCROLLBAR-FACE-COLOR: #dddddd; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #aaaaaa; OVERFLOW: scroll; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #aaaaaa; COLOR: #dddddd; SCROLLBAR-3DLIGHT-COLOR: #dddddd; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: #dddddd; SCROLLBAR-DARKSHADOW-COLOR: #dddddd; HEIGHT: 320px" align=center>內(nèi)容</DIV></TD></TR></TBODY></TABLE>

 

 

 

 

虛線邊緣樣式

<DIV style="BORDER-RIGHT: #00aa00 1px dotted; BORDER-TOP: #00aa00 5px dotted; SCROLLBAR-FACE-COLOR: #008000; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #008000; OVERFLOW: scroll; BORDER-LEFT: #00aa00 5px dotted; WIDTH: 200px; COLOR: #008000; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #008000; BORDER-BOTTOM: #00aa00 5px dotted; SCROLLBAR-DARKSHADOW-COLOR: #008000; HEIGHT: 320px" align=center>內(nèi)容</DIV>

 

 

 

 

虛線邊緣樣式

<DIV style="BORDER-RIGHT: #ffff00 1px dashed; BORDER-TOP: #ffff00 1px dashed; SCROLLBAR-FACE-COLOR: #ffff00; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; OVERFLOW: scroll; BORDER-LEFT: #ffff00 1px dashed; WIDTH: 200px; COLOR: #ffff00; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ffff00; BORDER-BOTTOM: #ffff00 1px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff00; HEIGHT: 320px" align=center>內(nèi)容</DIV>

 

 

 

 

雙線邊緣樣式

<DIV style="BORDER-RIGHT: #8000ff 3px double; BORDER-TOP: #8000ff 3px double; SCROLLBAR-FACE-COLOR: #8000ff; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #8000ff; OVERFLOW: scroll; BORDER-LEFT: #8000ff 3px double; WIDTH: 200px; COLOR: #8000ff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #8000ff; BORDER-BOTTOM: #8000ff 3px double; SCROLLBAR-DARKSHADOW-COLOR: #8000ff; HEIGHT: 320px" align=center>內(nèi)容</DIV>

 

 

 

滾動條框代碼注釋詳解

align=center 文本框中文字的對齊方式,可用center/left/right分別對應(yīng)中/左/右
WIDTH: 300px; 寬度300像素
HEIGHT: 150px; 高度150像素
OVERFLOW: auto; 超出范圍時使用滾動條(auto可用scroll代替。用auto會自動適應(yīng),,即文本的寬或高超出預(yù)設(shè)的的值,,才會出現(xiàn)橫或豎 滾動條,;而用scroll則無論如何都會出現(xiàn)橫豎滾動條,。一般用auto會比較美觀)
COLOR: #000000; 框內(nèi)文本顏色(當(dāng)然這是默認(rèn)值,,如果文本設(shè)置了其他顏色則會顯示相應(yīng)的顏色)
BACKGROUND-COLOR: #CCCCCC; 背景色,如果要用透明背景就不寫這一句
SCROLLBAR-FACE-COLOR: #00FF00; 滾動條中間可以拉的部分和箭頭旁邊部分的顏色
SCROLLBAR-TRACK-COLOR: #00FFFF; 滾動條中間可以拉的部分以外的顏色
SCROLLBAR-ARROW-COLOR: #FFFF00; //箭頭部分的顏色
SCROLLBAR-HIGHLIGHT-COLOR: #0000FF; 豎滾動條左側(cè)邊框和橫滾動條上側(cè)的顏色(用于顯示立體之用)
SCROLLBAR-3DLIGHT-COLOR: #0000FF; 豎滾動條左側(cè)邊框和橫滾動條上側(cè)的顏色(用于顯示立體之用)
SCROLLBAR-SHADOW-COLOR: #0000FF; 豎滾動條右側(cè)邊框和橫滾動條下側(cè)的顏色(用于顯示陰影之用)
SCROLLBAR-DARKSHADOW-COLOR: #0000FF; 豎滾動條右側(cè)邊框和橫滾動條下側(cè)的顏色(用于顯示陰影之用)
BORDER-TOP: red 2px solid;
BORDER-BOTTOM: red 2px solid;
BORDER-LEFT: red 2px solid;
BORDER-RIGHT: red 2px solid;
分別表示文本框的上,、下,、左、右邊框的顏色(可用16進(jìn)制數(shù)值表示),、粗細(xì)和狀態(tài)(solid表示實線,,可選的值有dashed表示虛線,double表示雙線,,outset表示外凸),。還有可以直接使用 border: red solid 2px 來整體定義邊框。
OVERFLOW-X: Hidden; 強制隱藏X軸滾動條
OVERFLOW-Y: Hidden; 強制隱藏Y軸滾動條

金鑰匙博客

 

 

 

 

 

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,,所有內(nèi)容均由用戶發(fā)布,,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息,,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,,請點擊一鍵舉報,。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多