打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
制作漂亮简单的图框3【双线图框】
一、【双线图框示例】
二、【双线图框代码】
<P align=center><IMG style="BORDER-RIGHT: #a90052 20px double; BORDER-TOP: #a90052 20px double; BORDER-LEFT: #a90052 20px double; WIDTH: 590px; BORDER-BOTTOM: #a90052 20px double; HEIGHT: 240px" src="//image53.360doc.com/DownloadImg/2012/07/2516/25746038_1.gif"></P>
三、【双线图框代码释义】
【1】、align=center---表示内容居中;<img src="图片地址">---表示简单贴图;此例在img和src之间有很多代码,这是对图框的设定。
【2】、 #a90052---表示图框颜色; 20px---表示图框宽度,其中数值20可以增减; double---表示图框是双线。
【3】、BORDER-RIGHT---表示右边框;BORDER-TOP---上边框;BORDER-LEFT---左边框;BORDER-BOTTOM---下边框。
【4】、WIDTH: 590px;HEIGHT: 240px----设定的图片尺寸。
【5】、蓝色的地址是图框内这张图片的地址。
四、【代码使用方法】
1、代码复制即可使用,方法如下。
2、进入写日志状态,点击工具条上的“源代码”符号“<>”,进入代码“编辑页面”。
3、复制上面的代码,粘贴在“编辑页面”。
4、把代码中蓝色的地址改成你喜欢的图片地址,点击下面的【发表日志】,OK! 就是你的杰作。试试吧
五、如果图片是竖立的,只要将代码中的图片尺寸更改即可。【此图:WIDTH: 280px;HEIGHT: 380px】
六、图框内写日志
除了在图框内贴图,也可以在图框内写日志。
在此写日志,文字居中。
【此图框代码】:
<P align=center>
<TABLE>
<TBODY>
<TR>
<TD style="BORDER-RIGHT:#a90052 20px double; BORDER-TOP: #a90052 20px double; BORDER-LEFT: #a90052 20px double; WIDTH: 600px; BORDER-BOTTOM: #a90052 20px double">
<P align=center>在此写日志,文字居中。</P></TD></TR></TBODY></TABLE></P>
【代码释义】:
1、把原来的图框代码镶嵌在一个表格中,只设定一个宽度WIDTH: 600px即可【600可随意增减】,高度会随着内容多少自动调整。
2、其他代码释义可以参照前面。
点击浏览更多
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
日志边框代码
漂亮的空间代码——给日记加漂亮的边框
龙年漂亮的日志边框代码
简单“边框”的制作方法?(原创)
引用 在背景图片上贴小图片的技巧【原创】
边框图上下浮动的代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服