单 层 边 框
这里为初学制作代码边框的网友介绍一种用背景图片制作最简单的边框,方法如下:
1)打开博文编辑器,点击编辑器左上角的“源码”按钮。
2)把代码复制并把它贴到编辑栏里,
3)用你的背景图片网址取代以下代码里的红色字。
4)用你喜好的颜色代码替换代码里的绿色字。
5)把“大标题”和“文字开始”改成自己的内容。
6)编辑完成,点“下一步”,你将看到类似现在这个边框的效果。
你觉得好看吗?自己动手试做一个吧,祝你成功!
代码:
<div align=center>
<div style="background-image:url('背景网址 ');border:4px #0000ff ridge; width:840px; padding:40px" align=center>
<table style="background-color:#ffffff; border:10px #8ec0f1 solid; width:100%">
<tr>
<td style="padding:30px">
<p align=center><font size=7 color=#003399><b>单 层 边 框</b></font></p>
<p align=left><font size=5 color=#003399><b>文字开始……。</b></font></p>
</td></tr></table>
</div></div>
|