滚动条边框代码(一)

代码：

<center><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 300px; SCROLLBAR-SHADOW- COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 80px; BACKGROUND-COLOR: #fffacd" align=center>日志文字输入区</DIV></center>

  代码2.  

代码：

<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: 300px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 80px; BACKGROUND-COLOR: #ffe1f0" align="center"><font color="#9900cc">日志文字输入区</font></div></center>

 

 

                                                                                 代码3.

代码：

<center><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #000000; SCROLLBAR-HIGHLIGHT-COLOR: #000000; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 80px; BACKGROUND-COLOR: #000000"><FONT color=#ff9900>日志文字输入区</FONT></DIV></center>

  代码4.

 代码：

<center><DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 88px; BACKGROUND-COLOR: #ffcccc" align=center>
<DIV align=left><FONT color=#009900></FONT><FONT color=#ff6699> 日志文字输入区</FONT></DIV></DIV>

代码5.

代码：

<center><DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #66ff66; SCROLLBAR-HIGHLIGHT-COLOR: #66ff99; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #00ff00; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #66ff99; SCROLLBAR-ARROW-COLOR: #009900; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #00ff00; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=left><FONT color=#009900></FONT> 日志文字输入区</FONT></DIV></DIV>

    代码6.

代码：

<center><div align="center"><DIV style='color: #ffffff; background-color: #000000; width: 450px; height: 300px; overflow: scroll; scrollbar-face-color: #889B9F; scrollbar-shadow-color: #3D5054; scrollbar-highlight-color: #C3D6DA; scrollbar-3dlight-color: #3D5054; scrollbar-darkshadow-color: #85989C; scrollbar-track-color: #95A6AA; scrollbar-arrow-color: #FFD6DA; '>日志文字输入区</DIV></div>

 

代码7.

代码：

<DIV align=center>
<DIV style='color: blue; background-color: white; border: green solid 1px; width: 300px; height: 100px;
overflow: scroll;
scrollbar-face-color:#90d8b4;
scrollbar-highlight-color:#fcfcb4;
scrollbar-3dlight-color:#00fcb4;
scrollbar-darkshadow-color:#4890db;
scrollbar-Shadow-color:#00fcfc;
scrollbar-arrow-color:#fc9090;
scrollbar-track-color:#d8fcfc;'>
日志图文内容
</DIV></DIV>                                            

                        

                                                                                 代码8.

带标题栏滚动条式表格

代码： <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>

                                                                                 代码9.

内容1         xxxxx博客         内容2

代码：

 <TABLE border=1 cellSpacing=2 cellPadding=0 align=center>
<TBODY>
<TR>
<TD bgColor=#3cb371 height=30 borderColorLight=#363636 width=300 borderColorDark=#eeeeee align=middle><A href="http://内容链接地址1/" target=_blank><FONT color=#ffffff>内容1</FONT></A>         <A href="此处输入你的博客网址" target=_blank><FONT color=#ffffff>xxxxx博客</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: 300px; 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>

  

                                                                                 代码10.

代码：

  <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: 300px;
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: 250px;
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实现的，包含背景图片的文本框是通过将DIV嵌入到Table中实现的。

●主要通过对DIV的Style属性来控制样式

●主要设置如下：

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（从右向左）。

使用方法：

在日志编辑状态下，→<>按钮，复制以上代码后，→点<>按钮，输入文字即可．