logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

滚动条框样式与代码（五）

 亨利永贞 2019-09-26
滚动条框样式与代码（五）
编辑整理：魅影沉香

博客Flash视频自动播放代码 - 魅影沉香 - .

代码：
<DIV align=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: 350px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 120px; BACKGROUND-COLOR: #000000">
<P align=left>文字</P></DIV></DIV>

代码

<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: 390px; 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 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="SCROLLBAR-FACE-COLOR: #ff6600; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; WIDTH: 350px; 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: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 350px; 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>

  

代码：

<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: 350px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 120px; BACKGROUND-COLOR: #ffe1f0" align=center>

<P align=left><FONT color=#9900cc>粉色透明效果滚动框</FONT></P>

<P align=left> </P></DIV></DIV>

 
代码如下

<TABLE style="WIDTH: 300px; HEIGHT: 300px" background=0 border=0>
<TBODY>
<TR>
<TD>
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 300px; HEIGHT: 300px" align=center BACKGROUND-COLOR: HEIGHT: SCROLLBAR-DARKSHADOW-COLOR: solid; 2px black BORDER-BOTTOM: SCROLLBAR-ARROW-COLOR: SCROLLBAR-3DLIGHT-COLOR: #ffffff; COLOR: SCROLLBAR-SHADOW-COLOR: #ffffff;></DIV>
</TD></TR></TBODY></TABLE>

代码:

<div style="overflow:auto; width:67%; height:100px; line-height:15px; border-width:1px; border-color:#ffccff; border-style:dotted; scrollbar-base-color:#ff66ff; scrollbar-face-color:none; scrollbar-arrow-color:none; scrollbar-track-color:#ffefff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#f5d8f5; scrollbar-shadow-color:#e5c8e5"><br/>

<div>这里为日志输入区<br/><br/>

</div></div>


 

代码:

<div style="overflow:auto; width:67%; height:100px; line-height:15px; border-width:1px; border-color:#ffccff; border-style:dotted; scrollbar-base-color:#ff66ff; scrollbar-face-color:none; scrollbar-arrow-color:none; scrollbar-track-color:#ffefff; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#f5d8f5; scrollbar-shadow-color:#e5c8e5"><br/>

<div>这里为日志输入区<br/><br/>

</div></div>

代码:

<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: scroll; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">

<P>日志输入区</P></DIV>

代码:

<DIV style="BORDER: 1px solid; OVERFLOW: auto; WIDTH: 480px; DIRECTION: rtl; HEIGHT: 100px">

 <DIV style="line-height:16px;font-size:12px;DIRECTION: ltr;">

  <P>日志输入区</P>

 </DIV>

</DIV>

代码:

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">

<P>日志输入区</P></DIV>

<P align=left>文字</P></DIV>

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 375px; SCROLLBAR-SHADOW-COLOR: #39bed6; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; HEIGHT: 94px; BACKGROUND-COLOR: #ffffff; SCROLLBAR-FACE-: #39bed6; SCROLLBAR-3DLIGHT-: #3d5054; SCROLLBAR-: #85989c" align=center></DIV>

========代码:

<TABLE cellSpacing=0 cellPadding=0 background=图片地址 border=0>

<TBODY>

<TR>

<TD>

<DIV style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 350px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 120px">

<P>日志输入区</P></DIV></TD></TR></TBODY></TABLE>

代码：

<DIV style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 300px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px; BACKGROUND-COLOR: transparent">

<DIV align=left><FONT color=#8000ff>文字</FONT></DIV></DIV>

 

 代码：

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 312px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 76px; BACKGROUND-COLOR: #ffffcc" align=center>

<DIV align=left><SPAN></SPAN> 文字</DIV></DIV>

代码：

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffc0cb; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 350px; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #990099; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 120px; BACKGROUND-COLOR: #ffffe0" align=center>日志文字</DIV>

 代码：<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="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: 378px; 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> 文字</DIV></DIV>

<DIV></DIV>

<DIV styl======e="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: 372px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 159px; BACKGROUND-COLOR: #000000"></DIV>

 

=====代码：<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 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: #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>

代码：

<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>粉色透明效果滚动框</FONT></P>

<P align=left> </P></DIV></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: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffffcc; SCROLLBAR-HIGHLIGHT-COLOR: #ffcc99; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #ffcc99; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffffcc; SCROLLBAR-ARROW-COLOR: #ffcc99; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 120px; BACKGROUND-COLOR: #ffffcc" align=center>

<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV>

<DIV style="BORDER-RIGHT: #ffcc99; BORDER-BOTTOM: #ffcc99 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 111px; BACKGROUND-COLOR: #ffffcc" align=center>

<DIV align=left><FONT color=#009900></FONT> 文字</DIV></DIV>

代码： <DIV style="BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed; SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 347px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 125px; BACKGROUND-COLOR: #ffffb4">

<P><FONT color=#ff9966>日志文字</FONT></P></DIV>

代码：<DIV style="BORDER-RIGHT: #9966ff 2px solid; BORDER-TOP: #9966ff 2px solid; SCROLLBAR-FACE-COLOR: #9999ff; SCROLLBAR-HIGHLIGHT-COLOR: #9966ff; OVERFLOW: scroll; BORDER-LEFT: #9966ff 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #9966ff; COLOR: #ffcc99; SCROLLBAR-3DLIGHT-COLOR: #9999ff; SCROLLBAR-ARROW-COLOR: #6633ff; BORDER-BOTTOM: #9966ff 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #9999ff; HEIGHT: 111px; BACKGROUND-COLOR: #9999ff" align=center></DIV>

代码

<DIV style="BORDER-RIGHT: #99ff99 3px dashed; BORDER-TOP: #99ff99 3px dashed; SCROLLBAR-FACE-COLOR: #99ff99; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; OVERFLOW: scroll; BORDER-LEFT: #99ff99 3px dashed; WIDTH: 64.47%; COLOR: #99ff99; BORDER-BOTTOM: #99ff99 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 91px; BACKGROUND-COLOR: #ffffff" align=center>

<P align=left>文字</P></DIV>

代码：

<DIV style="BORDER-RIGHT: #e08caa 3px dashed; BORDER-TOP: #e08caa 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #e08caa; OVERFLOW: scroll; BORDER-LEFT: #e08caa 3px dashed; WIDTH: 362px; COLOR: #e08caa; BORDER-BOTTOM: #e08caa 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #c850ff; HEIGHT: 55px; BACKGROUND-COLOR: #ffffff" align=left>

<P align=left>文字</P></DIV>

代码：

<DIV style="BORDER-RIGHT: #ffccff 3px dashed; BORDER-TOP: #ffccff 3px dashed; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; OVERFLOW: scroll; BORDER-LEFT: #ffccff 3px dashed; WIDTH: 70.08%; COLOR: #ffff66; BORDER-BOTTOM: #ffccff 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 51px; BACKGROUND-COLOR: #ffffff" align=center>

<P align=center>文字</P></FONT></DIV>

<DIV style="BORDER-RIGHT: #ffccff 3px dashed; BORDER-TOP: #ffccff 3px dashed; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; OVERFLOW: scroll; BORDER-LEFT: #ffccff 3px dashed; WIDTH: 70.08%; COLOR: #ffff66; BORDER-BOTTOM: #ffccff 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 51px; BACKGROUND-COLOR: #ffffff" align=center>

<P align=center>文字</P></FONT></DIV>

代码：

<DIV style="BORDER-RIGHT: #d5aa55 3px dashed; BORDER-TOP: #d5aa55 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #d5aa55; OVERFLOW: scroll; BORDER-LEFT: #d5aa55 3px dashed; WIDTH: 364px; COLOR: #d5aa55; BORDER-BOTTOM: #d5aa55 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #80ff00; HEIGHT: 57px; BACKGROUND-COLOR: #ffffff" align=center>

<P align=center>文字</P></DIV>

代码：

<DIV style="BORDER-RIGHT: #2d0f00 2pt dashed; BORDER-TOP: #2d0f00 2pt dashed; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #2d0f00 2pt dashed; WIDTH: 256px; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #c3c3b4; SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: #2d0f00 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #c3c3b4; HEIGHT: 67px; BACKGROUND-COLOR: #c3c3b4; SCROLLBAR-: #c3c3b4"></DIV>

代码：<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 377px; DIRECTION: rtl; BORDER-BOTTOM: 1px solid; HEIGHT: 62px">

<DIV style="FONT-SIZE: 12px; DIRECTION: ltr; LINE-HEIGHT: 16px">

<P>文字</P></DIV></DIV>

代码：

<DIV style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 445px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 87px; BACKGROUND-COLOR: #fffacd">

<DIV style="FONT-SIZE: 12px; DIRECTION: ltr; LINE-HEIGHT: 16px">

<P>文字</P></DIV></DIV>

 

 代码：<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 305px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #1e90ff; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 252px; BACKGROUND-COLOR: #ffffff" align=left><FONT color=#6699ff>

<P align=left> 白底滚动框</P></DIV>

代码：

<DIV style="OVERFLOW: auto; WIDTH: 362px; HEIGHT: 60px">

<P>文字</P></DIV>

代码：

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #889b9f; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 355px; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 81px" align=center>

代码：

<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 385px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 105px">

<P>文字</P></DIV>

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #39bed6; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 375px; SCROLLBAR-SHADOW-COLOR: #39bed6; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 94px; BACKGROUND-COLOR: #ffffff" align=center></DIV>

代码：<DIV style="BORDER-RIGHT: #d5aa55 3px dashed; BORDER-TOP: #d5aa55 3px dashed; SCROLLBAR-FACE-COLOR: white; SCROLLBAR-HIGHLIGHT-COLOR: #d5aa55; OVERFLOW: scroll; BORDER-LEFT: #d5aa55 3px dashed; WIDTH: 364px; COLOR: #d5aa55; BORDER-BOTTOM: #d5aa55 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #80ff00; HEIGHT: 57px; BACKGROUND-COLOR: #ffffff" align=center>

<P align=center>文字</P></DIV>

以上边框代码在边框内，喜欢哪款就复制那款内的代码使用

图片加框DIY - 魅影沉香 - . 特殊符号应用实例与代码 图片加框DIY - 魅影沉香 - . 滚动条框样式与代码（一）
图片加框DIY - 魅影沉香 - . 滚动条框样式与代码（二） 图片加框DIY - 魅影沉香 - . 滚动条框样式与代码（三）
图片加框DIY - 魅影沉香 - . 滚动条框样式与代码（四） 图片加框DIY - 魅影沉香 - . 滚动条框样式与代码（五）
图片加框DIY - 魅影沉香 - . 滚动条框制作方法与代码 图片加框DIY - 魅影沉香 - . 表格绘制全功略
图片加框DIY - 魅影沉香 - . 普通表格样式及代码大全 图片加框DIY - 魅影沉香 - . 教您制作各种通俗易懂的表格
图片加框DIY - 魅影沉香 - . 十分钟学会做边框 图片加框DIY - 魅影沉香 - . HTML颜色代码表
图片加框DIY - 魅影沉香 - . 博客基本代碼解讀大全 图片加框DIY - 魅影沉香 - . 移动文字总汇（样式大全）
图片加框DIY - 魅影沉香 - . 图片移动雾化+特效大全 图片加框DIY - 魅影沉香 - . 图片雾化移动特效代码
图片加框DIY - 魅影沉香 - . HTML做帖子技巧--网页色彩搭配内涵 图片加框DIY - 魅影沉香 - . 图片移动总汇(样式大全）
图片加框DIY - 魅影沉香 - . 音画flash定位代码 图片加框DIY - 魅影沉香 - . 实用表格样式代码汇总
语法注解：：

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

博技代码 电脑百科 软件学院 视频教程 诗词曲赋 素材基地 边框模板
视觉艺术 书画艺术 博览群书 时尚秀场导航 - 魅影沉香 - . 网罗天下 音乐殿堂 娱乐搞笑
美容时尚 总汇大全 音画欣赏 音画制作 民俗大观 自然美景
古装古韵 旗袍风韵 千娇百媚 天桥魅影 婚纱礼服 明星美女
魅力男女 午夜剧场 实用工具 生活百科 留言祝福 精品收藏 视频秀场
佛学殿堂 百家论坛 魅影沉香欢迎您的光临 经典摘录 美食飘香

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 亨利永贞 > 《边框代码》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多