第一步:先输入单边框如下代码
<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>添加标题</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">这里输入内容 </DIV>
更多下拉框代码可参考教程:
各种滚动条演示与代码(二)
这种边框的容量大,而且方便,所以我的首页都是用这类边框,
我会以最方便的方法,给你介绍各类边框,希望你和我一样喜欢
滚动条制作效果代码
<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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</div>
<div style="WIDTH: 148; HEIGHT: 146; BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-3dlight-color:5A5227; scrollbar-arrow-color:FFF8C5; scrollbar-base-color
DD38D; scrollbar-darkshadow-color:FFF8C5; scrollbar-face-color
DD38D; scrollbar-highlight-color:FFF8C5; scrollbar-shadow-color:5A5227">
这里输入内容
</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">
这里输入内容
</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">
这里输入内容
</div>
以上边框代码在边框内,喜欢哪款就复制那款内的代码使用
注:
透明滚动条的设置说明:如下滚动条框架
<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;">
这里输入内容
</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;">
这里输入内容
</div>
一、overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
二、width(宽度):数值、 height(高度):数值、 color(字体颜色):色彩代码、 font-size(字体大小):数值、 line-height(行高):数值;
三、border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
四、font-weight(字体粗细):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(滚动条各部分的颜色):色彩代码;
六、filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
七、word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
八、direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
滚动条示范效果图及代码
<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>
插入文字或者图片
插入文字或者图片
插入文字或者图片
插入文字或者图片
插入文字或者图片
插入文字或者图片
链接的滚动条代码:
<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="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR>
<A href="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR>
<A href="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR> <A href="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR> <A href="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR> <A href="网址链接" target=_blank><FONT face=华文新魏 color=#FF0000 size=4>插入文字或者图片<BR></DIV><DIV></DIV>
基本代码说明:
BORDER-RIGHT: 右、BORDER-TOP:上 、BORDER-LEFT:左、
BORDER-BOTTOM:下、 分别为滚动条外框的右、上、左、下各框边的宽度
BACKGROUND-COLOR: 为滚动条框内的背景颜色
SCROLLBAR-HIGHLIGHT-COLOR: 滚动条凸出部分上边的颜色
SCROLLBAR-SHADOW-COLOR: 横拉条三角箭头的颜色
SCROLLBAR-3DLIGHT-COLOR: 滚动条凸出部分下边的颜色
SCROLLBAR-ARROW-COLOR: 竖拉条三角箭头的颜色
SCROLLBAR-TRACK-COLOR: 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR: 滚动条三角及拉块右下侧边的颜色
WIDTH: 290px;、 HEIGHT: 325px; 滚动条框的宽和高
代码:
<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>粉色透明效果滚动框
代码:
<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>
内容1 游侠电脑博客 内容2代码:
<TABLE border=1 cellSpacing=2 cellPadding=0 align=center>
<TBODY>
<TR>
<TD bgColor=#3cb371 height=30 borderColorLight=#363636 width=393 borderColorDark=#eeeeee align=middle><A href="http://内容链接地址1/" target=_blank><FONT color=#ffffff>内容1</FONT></A> <A href="
http://blog.sina.com.cn/u/1730409803" target=_blank><FONT color=#ffffff>游侠电脑博客</FONT></A> <A href="http://内容链接地址2/" target=_blank><FONT color=#ffffff>内容2</FONT></A></TD></TR></TBODY></TABLE>
<DIV align=center>
<DIV style="BORDER-BOTTOM: #ffccff 2px dotted; BORDER-LEFT: #ffccff 2px dotted; LINE-HEIGHT: 15px; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #3cb371; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #f5d8f5; SCROLLBAR-SHADOW-COLOR: #e5c8e5; OVERFLOW: auto; BORDER-TOP: #ffccff 2px dotted; SCROLLBAR-TRACK-COLOR: #ffefff; BORDER-RIGHT: #ffccff 2px dotted; SCROLLBAR-3DLIGHT-COLOR: #ffffff">
<P align=left>文字内容</P></DIV></DIV>
带标题栏滚动条式表格
<TABLE border=5 borderColor=#007e68 width=280 bgColor=#3efa0f align=center>
<TBODY>
<TR>
<TD bgColor=#00b050 height=30 align=middle><FONT color=#ffff00><STRONG>带标题栏滚动条式表格</STRONG></FONT></TD>
<TR>
<TD bgColor=#007e68>
<DIV style="SCROLLBAR-FACE-COLOR: #ff00ff; HEIGHT: 88px; OVERFLOW: auto">
<P>文字 </P></DIV></TD></TR></TBODY></TABLE>