一、【脊状型图框示例】
二、【脊状型图框代码】
<P align=center><IMG style="BORDER-RIGHT: #cd5100 50px ridge; BORDER-TOP: #cd5100 30px ridge; BORDER-LEFT: #cd5100 50px ridge;WIDTH: 450px; BORDER-BOTTOM: #cd5100 30px ridge HEIGHT: 180px " src="//image53.360doc.com/DownloadImg/2012/07/2516/25745676_1.jpg"></P>
三、【脊状型图框代码释义】
【1】、align=center---表示内容居中；<img src="图片地址">---表示简单贴图；此例在img和src之间有很多代码，这是对图框的设定。
【2】、#cd5100---表示图框颜色；50px和30px---分别表示图框左右和上下的宽度，其中数值可以增减；ridge---表示图框是脊状型。
【3】、BORDER-RIGHT---表示右边框；BORDER-TOP---上边框；BORDER-LEFT---左边框；BORDER-BOTTOM---下边框。
【4】、WIDTH: 450px；HEIGHT: 180px----设定的图片尺寸。
【5】、蓝色的地址是图框内这张图片的地址。
四、【代码使用方法】
1、代码复制即可使用，方法如下。
2、进入写日志状态，点击工具条上的“源代码”符号“<>”，进入代码“编辑页面”。
3、复制上面的代码，粘贴在“编辑页面”。
4、把代码中蓝色的地址改成你喜欢的图片地址，点击下面的【发表日志】，OK! 就是你的杰作。试试吧
五、如果图片是竖立的，只要将代码中的图片尺寸更改即可。
【此图：WIDTH: 90px；HEIGHT: 300px】【边框的宽度也改了，左右为10px，上下为20px】
六、图框内写日志
除了在图框内贴图，也可以在图框内写日志。
写日志，文字居中。
【此图框代码】
<P align=center>
<TABLE>
<TBODY>
<TR>
<TD style="BORDER-RIGHT: #cd5100 20px ridge; BORDER-TOP: #cd5100 20px ridge; BORDER-LEFT: #cd5100 20px ridge; WIDTH: 600px; BORDER-BOTTOM: #cd5100 20px ridge">
<P align=center>写日志，文字居中。</P></TD></TR></TBODY></TABLE></P>
【代码释义】：
1、把原来的图框代码镶嵌在一个表格中，只设定一个宽度WIDTH: 600px即可【600可随意增减】，高度会随着内容多少自动调整。
2、其他代码释义可以参照前面。
点击浏览更多
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
