点线边框制作方法

1、进入博客后台编辑器（本文以新浪博客为例,下同），点“显示源代码”前面的小方框，打打对勾后就进入代码编辑状态。然后将下列代码复制粘贴到那里：

<div style="border-width: 2px; border-style: dashed; border-color: red; ">文字</div>

注：文字增多后，边框自然随之变大。

2、上面的代码简单，但变化较小。这里是变化较大的代码：

<CENTER>

<DIV style="BORDER-RIGHT: #ed1c24 10px dotted; BORDER-TOP: #ed1c24 10px dotted; BORDER-LEFT: #ed1c24 10px dotted; BORDER-BOTTOM: #ed1c24 10px dotted; HEIGHT: 135px" align=center>

&nbsp;

&nbsp;</DIV></CENT

文字ER>

<DIV></DIV>

3、变成粉色。

将#ed1c24换为#ffa3b1

注意：共有4处，都要换。代码：

<CENTER>

<DIV style="BORDER-RIGHT: #ffa3b1 10px dotted; BORDER-TOP: #ffa3b1 10px dotted; BORDER-LEFT: #ffa3b1 10px dotted; BORDER-BOTTOM: #ffa3b1 10px dotted; HEIGHT: 135px" align=center>

文字

&nbsp;

&nbsp;</DIV></CENTER>

<DIV></DIV>

4、变成自己喜欢的颜色。

在百度搜颜色代码表，找到自己喜欢的颜色，复制后面的代码。然后按第三步方法替换。

5、调整点线的粗细。

px前面的10，就是点线的粗细。调整时注意共有4处，需要同时调整。