点线边框制作方法

2025-05-24 09:25:52

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><P>&nbsp;</P><P>&nbsp;</P></DIV></CENT<P>文字</P>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><P>文字</P><P>&nbsp;</P><P>&nbsp;</P></DIV></CENTER><DIV></DIV>

点线边框制作方法

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

点线边框制作方法

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

点线边框制作方法
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢