分享

【博客技巧】给图片加边框

 昵称929159 2012-06-17
【博客技巧】给图片加边框
实例图片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>
 

【博客技巧】给图片加边框

 

点击观看实例: 落日幽谷       字体颜色代码:字体颜色        其他素材应用: 网络素材

 

欢迎光临一叶吹舟素材博客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约