注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

宁静夏

淡之喧嚣,坐拥宁静;舍之奢靡,但享温馨。

 
 
 

日志

 
 

【转载】五款图片颜色边框的代码  

2012-11-10 00:18:40|  分类: 代码学习 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  五款图片颜色边框的代码

 

1、普通边框代码:

<TABLE borderColor=#FFC0CB width=720  cellSpacing=2 cellPadding=1 border=15>

<TBODY>

<TR>

<TD><IMG height=480 src="图片地址" width=720></TD></TR></TBODY></TABLE>

说明:borderColor=#FFC0CB为边框颜色,border=15为边框厚度,width=720为边框宽度,根据图片宽度设定,边框高度一般不用写入,由图片自行撑展,height=480 width=720为图片高度与宽度,可以减少或增加数据来调整图片的大小。

给图片加颜色边框的代码 - wk311900 - 武克博客

 

2、麻面边框代码:

<DIV style="text-align: center"><img style="filter: progid:DXImageTransform.Microsoft.Glow(color=#FFC0CB,strength=20"  src="图片地址"></DIV>

说明:color=#FFC0CB为边框颜色, strength=20为边框厚度。

 

3、立体边框代码:

<TABLE style="FILTER: progid:dximagetransform.microsoft.shadow(color:#FFC0CB ection:145,strength:15)" cellSpacing=10 cellPadding=15 width=150 border=5>

<TBODY>

<TR>

<TD align=center><IMG src="图片地址"></TD></TR></TBODY></TABLE>

说明:框体颜色与厚度可自行调整。

给图片加颜色边框的代码 - wk311900 - 武克博客

 

 4、立体边框代码2:

<TABLE borderColor=#0080ff cellSpacing=0 borderColorDark=#004b97 cellPadding=6 width=720 align=center borderColorLight=#62b0ff border=15>
<TBODY>
<TR>
<TD align=center><IMG src="图片地址"></TD></TR></TBODY></TABLE>

说明:框体颜色与厚度可自行调整。

图片颜色边框的代码 - 武克 - 武克博客

 

 5、立体边框代码3:

<TABLE style="BORDER-RIGHT: #4BA8FF 15px ridge; BORDER-TOP: #4BA8FF 15px ridge;  BORDER-LEFT: #4BA8FF 15px ridge; BORDER-BOTTOM: #4BA8FF 15px ridge;
BACKGROUND: #080808" cellSpacing=0>
<TBODY>
<TR>
<TD>
<TABLE border=1>
<TBODY>
<TR>
<TD><IMG src="
图片地址"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

说明:框体颜色与厚度可自行调整。

图片颜色边框的代码 - 武克 - 武克博客

 

 

图片颜色边框的代码 - 武克 - 武克博客

  评论这张
 
阅读(18)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017