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

.

.

 
 
 

日志

 
 

如何给图片添加漂亮的边框  

2008-01-12 13:43:31|  分类: 博客制作(图片类) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
网易博客代码 :  (图片边框)
 
1.单线框

复制语法区

<center><img src="图片地址" style="border:3 solid #ff0000"><br><br><br></center>

2.双线框

复制语法区

<center>
<img src="图片地址" width=180 height=130 style="border:5 double green"><br><br><br></center>

3.凸出框

复制语法区

<center>
<img src="图片地址"style="border:25 outset #ff88ff"><br><br><br></center>

4.凹进框

复制语法区

<center> <img src="图片地址" style="border:25 inset #ff88ff"><br></center>

5.邮票框

复制语法区

<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; WIDTH: 256px; BORDER-BOTTOM: #f6ae56 3px dashed; HEIGHT: 200px" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY>
<TR>
<TD vAlign=center align=middle height=200><FONT size=4><IMG style="WIDTH: 239px; HEIGHT: 195px" height=185 src="图片地址" width=239></FONT></TD></TR></TBODY></TABLE>

6.虚线框


 

复制语法区

<CENTER><IMG style="BORDER-RIGHT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-BOTTOM: #ff0000 4px dashed" src="图片地址"><BR><BR><BR></CENTER>

7.凹槽框

复制语法区

<center>
<img src="图片地址" style="border:25 groove green" border="0"><br><br><br></center>

 8.立体阴影框

复制语法区

<CENTER>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)" height=400 cellSpacing=3 cellPadding=15 width=400 border=2>
<TBODY>
<TR>
<TD vAlign=center align=middle bgColor=#ffffff><IMG src="图片地址"></TD></TR></TBODY></TABLE></CENTER>

9.改变某种颜色

复制语法区

<center><img src="图片地址"style="FILTER: Chroma(Color=RED)"></center>

10.立体感

复制语法区

<center><img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"></center>

 11.色彩颠倒

复制语法区

<center><img src="图片地址" style="filter:invert"></center>

说明:

1.代码中的<center>是代表图片在页面中的位置,左为left,右为right,可自行调节.
2.红色部分换为自己想要的图片。

 

其他图片效果请见:网易博客代码 (图片类)
 
  评论这张
 
阅读(1322)| 评论(6)
推荐 转载

历史上的今天

评论

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

页脚

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