日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

滾動(dòng)條制作效果代碼

 如意書齋688 2014-05-13

第一步：先輸入單邊框如下代碼

<TABLE style="WIDTH: 500px; HEIGHT: 206px" border=6 cellSpacing=3 borderColor=#ff0000 cellPadding=0 width=500 bgColor=#ffffcc align=center height=206>
<TBODY>
<TR>
<TD bgColor=#ff0000 height=38 align=middle><FONT color=#ffffff size=5 face=宋體><STRONG>添加標(biāo)題</STRONG></FONT></TD></TR>
<TR>
<TD height=250 align=middle>
<P>加入如下代碼</P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TR></TBODY></TABLE>

第二步：在加入如下代碼中輸入如下代碼任意伸拉大小即可

<DIV style="SCROLLBAR-ARROW-COLOR: #f765ad; SCROLLBAR-FACE-COLOR: #fbdbe9; BACKGROUND-COLOR: transparent; WIDTH: 148px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 146px; SCROLLBAR-HIGHLIGHT-COLOR: #f765ad; SCROLLBAR-SHADOW-COLOR: #f765ad; OVERFLOW: scroll; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff">這里輸入內(nèi)容 </DIV>

更多下拉框代碼可參考教程：

各種滾動(dòng)條演示與代碼（二）

這種邊框的容量大，而且方便，所以我的首頁都是用這類邊框，

我會(huì)以最方便的方法，給你介紹各類邊框，希望你和我一樣喜歡

 

滾動(dòng)條制作效果代碼 

 

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #333333; scrollbar-highlight-color: #666666; scrollbar-3dlight-color: #101010; scrollbar-darkshadow-color: #070707; scrollbar-track-color: #101010; scrollbar-arrow-color: #000000">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #333333; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #808080; scrollbar-darkshadow-color: #333333; scrollbar-track-color: #191919; scrollbar-arrow-color: #CCCCCC">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#FFC4E1; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FF95CA; scrollbar-darkshadow-color:#FFB5DA; scrollbar-shadow-color:#FF6AB5; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFDDEE">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #DBEBFE; scrollbar-shadow-color: #B8D6FA; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #DBEBFE; scrollbar-darkshadow-color:#458CE4; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #458CE4">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #885C10; scrollbar-highlight-color: #F8ECD8; scrollbar-3dlight-color: #885C10; scrollbar-darkshadow-color: #F8ECD8; scrollbar-track-color: #F8ECD8; scrollbar-arrow-color: #885C10">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #222222; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #222222; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #222222; scrollbar-track-color: #222222; scrollbar-arrow-color: #222222">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FDDEE8; scrollbar-shadow-color: #FDDEE8; scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color: #FDCFDD; scrollbar-darkshadow-color: #FDCFDD; scrollbar-track-color: FFF6F9; scrollbar-arrow-color: #FEA6C0">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#CCFF00; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#CCFF00; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#CCFF00; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#CCFF00; scrollbar-shadow-color:#CCFF00">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#000000; scrollbar-track-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CCFF00; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#0000FF; scrollbar-arrow-color:white; scrollbar-track-color:white; scrollbar-darkshadow-color:#0000FF; scrollbar-face-color:#0000FF; scrollbar-highlight-color:white; scrollbar-shadow-color:white">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #A864A8; scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #FF0000; scrollbar-shadow-color: #FF0000; scrollbar-arrow-color: #FF0000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #FFAE5A; scrollbar-shadow-color: #FFAE5A; scrollbar-arrow-color: #FFAE5A; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #CCCCCC; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-arrow-color: #CCCCCC; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #F765AD; scrollbar-shadow-color: #F765AD; scrollbar-arrow-color: #F765AD; scrollbar-face-color: #FBDBE9; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #F765AD; scrollbar-shadow-color: #F765AD; scrollbar-arrow-color: #F765AD; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #009AFF; scrollbar-shadow-color: #009AFF; scrollbar-arrow-color: #009AFF; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#00BEF7; scrollbar-face-color:#E6FAFF; scrollbar-shadow-color:#00BEF7; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#00BEF7">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#B58E63; scrollbar-face-color:#F2ECE6; scrollbar-shadow-color:#B58E63; scrollbar-darkshadow-color:white; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#B58E63">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#FFEEAA; scrollbar-shadow-color:#FFF0AC; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#FFCC00; scrollbar-darkshadow-color:#EABB00; scrollbar-track-color:#FFF9E1; scrollbar-arrow-color:#ED8E0E">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#0071BD; scrollbar-face-color:#E8F5FF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#0071BD; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#0071BD">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#0071BD; scrollbar-face-color:#E8F5FF; scrollbar-shadow-color:#0071BD; scrollbar-darkshadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#0071BD">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-highlight-color: #ACD373; scrollbar-shadow-color: #ACD373; scrollbar-arrow-color: #ACD373; scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF">
這里輸入內(nèi)容
</div>
　

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#70807d; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#70807d; scrollbar-track-color:#ffffff">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#FF0033; scrollbar-arrow-color:#FFFFFF; scrollbar-track-color:#FFFF33; scrollbar-darkshadow-color:#FFFF33; scrollbar-face-color:#FF0033; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FF0033">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; SCROLLBAR-FACE-COLOR: EAECEC; SCROLLBAR-HIGHLIGHT-COLOR: EAECEC; SCROLLBAR-SHADOW-COLOR: BLACK; SCROLLBAR-3DLIGHT-COLOR: EAECEC; SCROLLBAR-ARROW-COLOR: EAECEC; SCROLLBAR-TRACK-COLOR: FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: EAECEC">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CFCFCF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#595959">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-face-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #ffffff">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-face-color: #59ADBB; scrollbar-track-color: #FFFFFF; scrollbar-3dlight-color: #59ADBB; scrollbar-darkshadow-color: #59ADBB">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFC300; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFC300; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFC300">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-colorDD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-colorDD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #9EBFE8; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9EBFE8; scrollbar-darkshadow-color: #9EBFE8; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF">
這里輸入內(nèi)容
</div>

<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #DB52BC; scrollbar-shadow-color: #E994D6; scrollbar-highlight-color: #E994D6; scrollbar-3dlight-color: #DB52BC; scrollbar-darkshadow-color: #DB52BC; scrollbar-track-color: #E994D6; scrollbar-arrow-color: #FFFFFF">
這里輸入內(nèi)容
</div>

 

 以上邊框代碼在邊框內(nèi)，喜歡哪款就復(fù)制那款內(nèi)的代碼使用

注：

     透明滾動(dòng)條的設(shè)置說明：如下滾動(dòng)條框架

<div style="WIDTH: 298px; HEIGHT: 146px; BACKGROUND-COLOR: #ffffff; OVERFLOW: auto; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966;SCROLLBAR-DARKSHADOW-COLOR: #ffffff;">
這里輸入內(nèi)容
</div>
　

　
<div style="WIDTH: 298px; HEIGHT: 146px; BACKGROUND-COLOR: #FCFCE0; OVERFLOW: auto; SCROLLBAR-FACE-COLOR: #FCFCE0; SCROLLBAR-HIGHLIGHT-COLOR: #FCFCE0; SCROLLBAR-SHADOW-COLOR: #FCFCE0; SCROLLBAR-3DLIGHT-COLOR: #FCFCE0; SCROLLBAR-ARROW-COLOR: #ff9966;SCROLLBAR-DARKSHADOW-COLOR: #FCFCE0;">
這里輸入內(nèi)容
</div>
　

　

 

 

一、overflow（溢出控制）：visible（默認(rèn)，可見）、auto（自動(dòng)）、scroll（顯示滾動(dòng)條）；
二、width（寬度）：數(shù)值、  height（高度）：數(shù)值、 color（字體顏色）：色彩代碼、 font-size（字體大?。簲?shù)值、 line-height（行高）：數(shù)值；
三、border（邊框）：寬度、類型和顏色，類型主要支持以下幾種：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；
四、font-weight（字體粗細(xì)）：normal、bold、bolder、lighter；    font-family（字體類型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑體、楷體_GB2312、隸書、宋體、幼圓；  background（背景顏色）：色彩代碼；
五、scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color（滾動(dòng)條各部分的顏色）：色彩代碼；
六、filter:chroma(COLOR=轉(zhuǎn)換成透明的顏色)（chroma過濾器）：色彩代碼，該顏色將轉(zhuǎn)換成透明效果；
七、word-break（斷字）：normal（默認(rèn)，正常斷字）、keep-all（嚴(yán)格不斷字）、break-all（嚴(yán)格斷字）；
八、direction（文字方向）：ltr（默認(rèn)，從左向右）、rtl（從右向左）。

　

滾動(dòng)條示范效果圖及代碼

<DIV align=center>
<DIV style="BORDER-BOTTOM: #608040 2px solid; BORDER-LEFT: #608040 2px solid; SCROLLBAR-FACE-COLOR: #bdcc12; BACKGROUND-COLOR: #99CC99; WIDTH: 368px; SCROLLBAR-DARKSHADOW-COLOR: #ccffcc; HEIGHT: 147px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: scroll; BORDER-TOP: #608040 2px solid; SCROLLBAR-TRACK-COLOR: #80a040; BORDER-RIGHT: #608040 2px solid" align=left>
<P align=left>文字</P></DIV></DIV>

 

插入文字或者圖片
插入文字或者圖片
插入文字或者圖片
插入文字或者圖片
插入文字或者圖片
插入文字或者圖片

 

鏈接的滾動(dòng)條代碼：
<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 2px solid;
SCROLLBAR-FACE-COLOR: red;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFF00; OVERFLOW: scroll;
BORDER-LEFT: 2px solid; WIDTH: 290px;
SCROLLBAR-SHADOW-COLOR: #FFCC00; COLOR: red;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FF9900; BORDER-BOTTOM: 1px solid;
SCROLLBAR-DARKSHADOW-COLOR: #FF33FF; HEIGHT: 325px;
BACKGROUND-COLOR: #336699">
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR>
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR>
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR>
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR>
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR>
<A href="網(wǎng)址鏈接" target=_blank><FONT face=華文新魏 color=#FF0000 size=4>插入文字或者圖片<BR></DIV><DIV></DIV>
基本代碼說明：
BORDER-RIGHT: 右、BORDER-TOP:上 、BORDER-LEFT:左、
BORDER-BOTTOM:下、 分別為滾動(dòng)條外框的右、上、左、下各框邊的寬度
BACKGROUND-COLOR: 為滾動(dòng)條框內(nèi)的背景顏色
SCROLLBAR-HIGHLIGHT-COLOR: 滾動(dòng)條凸出部分上邊的顏色
SCROLLBAR-SHADOW-COLOR: 橫拉條三角箭頭的顏色
SCROLLBAR-3DLIGHT-COLOR: 滾動(dòng)條凸出部分下邊的顏色
SCROLLBAR-ARROW-COLOR: 豎拉條三角箭頭的顏色
SCROLLBAR-TRACK-COLOR: 滾動(dòng)條的背景顏色
SCROLLBAR-DARKSHADOW-COLOR: 滾動(dòng)條三角及拉塊右下側(cè)邊的顏色
WIDTH: 290px;、 HEIGHT: 325px; 滾動(dòng)條框的寬和高

 

代碼：
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV></DIV>
 
代碼：
<DIV style="SCROLLBAR-FACE-COLOR: #ff6600; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; WIDTH: 463px; SCROLLBAR-SHADOW-COLOR: #663333; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #663333; HEIGHT: 119px; BACKGROUND-COLOR: #000000; SCROLLBAR-3DLIGHT-: #663333" align=left></DIV>
 
代碼：
<DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcc99; SCROLLBAR-HIGHLIGHT-COLOR: #ff9966; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ff9966; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcc99; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 111px; BACKGROUND-COLOR: #ffcc99" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff3300> 文字</FONT></DIV></DIV>
 

代碼：

<DIV style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed; SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll; BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM: #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR: #ddcae0" align=left><FONT color=#ff6633>文字</FONT></DIV>

 

代碼：

<DIV style="BORDER-RIGHT: #ffffff 1px solid; SCROLLBAR-FACE-COLOR: #6495ed; SCROLLBAR-HIGHLIGHT-COLOR: #00bfff; OVERFLOW: scroll; BORDER-LEFT: #ffffff 1px solid; WIDTH: 388px; SCROLLBAR-SHADOW-COLOR: #0000ff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #0000ff; SCROLLBAR-ARROW-COLOR: #0000ff; BORDER-BOTTOM: #ffffff 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 128px" align=center>
<DIV align=center><FONT color=#999999>
<P><STRONG><FONT color=#009933></FONT></STRONG> </P>
<P align=center><STRONG><FONT color=#009933>游俠電腦博客歡迎您的到來</FONT></STRONG></P>
<TABLE cellSpacing=0>
<TBODY>
<TR>
<TD>
<TABLE>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

代碼：

<DIV style="BORDER-RIGHT: #ffcc00 2px solid; BORDER-TOP: #ffcc00 2px solid; SCROLLBAR-FACE-COLOR: #ffcc00; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; OVERFLOW: scroll; BORDER-LEFT: #ffcc00 2px solid; WIDTH: 380px; SCROLLBAR-SHADOW-COLOR: #ffff00; COLOR: #ffcc00; SCROLLBAR-3DLIGHT-COLOR: #ffff00; SCROLLBAR-ARROW-COLOR: #ffff00; BORDER-BOTTOM: #ffcc00 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc00; HEIGHT: 94px" align=center>
<DIV align=center>
<P><STRONG><FONT color=#009933></FONT></STRONG> </P>
<P><STRONG><FONT color=#009933>游俠電腦博客歡迎您的到來</FONT></STRONG></P></DIV></DIV></DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV>
<DIV align=center> </DIV></TD></TR></TBODY></TABLE>

 

 

代碼：

<DIV style="BORDER-RIGHT: #cc99ff 2px dashed; BORDER-TOP: #cc99ff 2px dashed; SCROLLBAR-FACE-COLOR: #cc99ff; SCROLLBAR-HIGHLIGHT-COLOR: #ad5cff; OVERFLOW: scroll; BORDER-LEFT: #cc99ff 2px dashed; WIDTH: 394px; SCROLLBAR-SHADOW-COLOR: #ad5cff; COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #cc99ff; SCROLLBAR-ARROW-COLOR: #ad5cff; BORDER-BOTTOM: #cc99ff 2px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ad5cff; HEIGHT: 90px; BACKGROUND-COLOR: #ffffff" align=center>
<P align=center><STRONG><FONT color=#009933></FONT></STRONG> </P>
<P align=center><STRONG><FONT color=#009933>游俠電腦博客歡迎您的到來</FONT></STRONG></P></DIV></DIV>

 

代碼：

<DIV align=center>
<P align=center><FONT color=#cc9999 size=3><STRONG></STRONG></FONT></P>
<DIV align=center>
<DIV style="BORDER-RIGHT: 6px ridge; BORDER-TOP: 6px ridge; SCROLLBAR-FACE-COLOR: #ccccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffff99; OVERFLOW: scroll; BORDER-LEFT: 6px ridge; WIDTH: 329px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffccff; SCROLLBAR-ARROW-COLOR: #ffccff; BORDER-BOTTOM: 6px ridge; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; HEIGHT: 114px; BACKGROUND-COLOR: #ffe4c4" align=center>
<P align=left><FONT color=#8000ff>文字</FONT></P></DIV></DIV></DIV>


代碼：

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd" align=center>日

文字

代碼：

<DIV align=center>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #889b9f; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 277px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 200px; BACKGROUND-COLOR: #000000" align=center>
<P align=left>文文字</P></DIV></DIV>

 

代碼：

<DIV align=center>
<DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid; WIDTH: 316px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 143px; BACKGROUND-COLOR: #ffe1f0" align=center>
<P align=left><FONT color=#9900cc>粉色透明效果滾動(dòng)框

 

代碼：

<TABLE style="WIDTH: 250px; HEIGHT: 102px" border=5 cellSpacing=2 borderColor=#008000 cellPadding=0 width=260 align=center height=162>
<TBODY>
<TR>
<TD>
<TABLE style="SCROLLBAR-ARROW-COLOR: #fff000; SCROLLBAR-FACE-COLOR: olive; SCROLLBAR-DARKSHADOW-COLOR: #fff000; SCROLLBAR-HIGHLIGHT-COLOR: #ff0000; SCROLLBAR-SHADOW-COLOR: #ff0000; SCROLLBAR-TRACK-COLOR: green; SCROLLBAR-3DLIGHT-COLOR: olive" border=0 cellSpacing=0 cellPadding=0 width=400>
<TBODY>
<TR>
<TD>
<DIV style="WIDTH: 400px; HEIGHT: 100px; OVERFLOW: auto"></DIV></TR></TBODY></TABLE></TR></TBODY></TABLE>

 
內(nèi)容1         游俠電腦博客         內(nèi)容2
 
帶標(biāo)題欄滾動(dòng)條式表格

<TABLE border=5 borderColor=#007e68 width=280 bgColor=#3efa0f align=center>
<TBODY>
<TR>
<TD bgColor=#00b050 height=30 align=middle><FONT color=#ffff00><STRONG>帶標(biāo)題欄滾動(dòng)條式表格</STRONG></FONT></TD>
<TR>
<TD bgColor=#007e68>
<DIV style="SCROLLBAR-FACE-COLOR: #ff00ff; HEIGHT: 88px; OVERFLOW: auto">
<P>文字 </P></DIV></TD></TR></TBODY></TABLE>


 

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

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多