虚线框滚动条如何制作

滚动示例：

此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字此处输入文字

示例代码

<DIV>

<DIV>

<CENTER>

<DIV align=center>

<DIV style="BORDER-RIGHT: #ffff00 1px dotted; BORDER-TOP: #ffff00 1px dotted; OVERFLOW: auto; BORDER-LEFT: #ffff00 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: #008080; BORDER-BOTTOM: #ffff00 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: #ee82ee; HEIGHT: 92px">此处输入文字 </DIV></DIV></CENTER></DIV></DIV>

<P>&nbsp;</P>

<P>&nbsp;</P>

虚线框滚动条如何制作

<DIV>

<DIV>

<CENTER>

<DIV align=center>

<DIV style="BORDER-RIGHT: 虚线框颜色代码 1px dotted; BORDER-TOP: 虚线框颜色代码 1px dotted; OVERFLOW: auto; BORDER-LEFT: 虚线框颜色代码 1px dotted; WIDTH: 504px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 15px; SCROLLBAR-TRACK-COLOR: 滚动条背景颜色代码; BORDER-BOTTOM: 虚线框颜色代码 1px dotted; SCROLLBAR-DARKSHADOW-COLOR: #000000; SCROLLBAR-BASE-COLOR: 按钮颜色代码; HEIGHT: 92px">此处输入文字

</DIV></DIV></CENTER></DIV></DIV> <P>&nbsp;</P>

<P>&nbsp;</P>

使用说明：

将上面虚线框颜色代码，滚动条背景颜色代码，按钮颜色代码，将逐一替代即可。另外，边框大小可以用鼠标拉动，也可改变代码中数值宽WIDTH: 504px，高HEIGHT: 92px，使用代码制作挺简单的，您也可以制作哦！

查看颜色代码请点这里   

  HTML颜色代码表

不会使用代码请点这里     

  博客入门--新浪博客代码怎么用

查看更多精彩请点这里