打开APP
userphoto
未登录

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

开通VIP
【博客技巧】给图片加边框
实例图片425*300像素(加粗细边框效果)
基本代码:
<DIV align=center>
<TABLE borderColor=#009900 cellSpacing=3 cellPadding=1 align=center border=8>
<TBODY>
<TR>
<TD><IMG height=300 src="图片网址" width=425></TD></TR></TBODY></TABLE></DIV>
代码说明:
border=8  表格边框的厚度(可根据自己的需要自由设定数值)。
cellspacing=3  表格格线的厚度(即粗边框与细边框之间的距离)
cellPadding=1 表格格线内厚度(即细边框与图片之间的距离)
borderColor=#009900 指边框色彩(替换颜色代码与图片和谐的颜色使之达到效果)
height=300  width=425  图片高度和图片宽度  (上传图片到相册后,点看原照片,就能看到完整大小,这里显示的图片大小就是你要找的图片宽度和高度)
◇◇◇◇◇◇◇◇◇◇
其他边框代码应用:(根据自己的图片只需改动边框厚度和颜色即可)
1. 图片单边框的代码:
<center><img src="图片网址" style="border:3 solid #cc0000"></center>
 2.图片双边框的代码:
<center><img src="图片网址" style="border:5 double green"></center>
  3.立体镜框的代码(一):
<center><img src=图片网址 style="border:20 outset #9900ff"></center>
4.立体镜框的代码(二):
<center><img src="图片网址" style="border:20 inset #ff88ff"></center>
5.虚线框的代码:
<center><img src="图片网址" style="border:3 dashed #00ff00"></center>
 6.凹槽框的代码:
<center><img src="图片网址" style="border:20 groove #00ff00" border="0"></center>
 7.脊状框的代码:
<center> <img src="图片网址" style="border:20 ridge #cc00cc" border="0"></center>
 8.立体阴影框
<center>
<table width=425 height=300 border=2 cellpadding="10" cellspacing="1"
style="filter:progid:DXImageTransform.Microsoft.Shadow
(color:#009900,direction:150,strength:15)">
<tr><td bgcolor="#ccffff" align=center valign=middle>
<img src="图址"></td></tr></table></center>
9.闪点阴影边框
<P align=center><IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow
(color=#660000,strength=15" src="图片地址" TWFFAN="done"></IMG></P>
点击观看实例:落日幽谷       字体颜色代码:字体颜色        其他素材应用:网络素材
欢迎光临一叶吹舟素材博客
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
图片加边框代码与效果
给图片加边框代码
博客常用代码--图片边框
怎样给图片加边框代码
给图片加边框 - 闲散人也的日志 - 网易博客
图片加线框的方法与代码
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服