网易博客代码(三十九)(图片边框) - 谜 - 网易博客

字号：大中小

网易博客代码(三十九)(图片边框)

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.红色部分换为自己想要的图片。

其他图片效果请见：网易博客代码(四)(图片类)

分类：IT专题

?次阅读

　2007-01-25 12:13

首页

日志

相册

音乐

收藏

好友

关于我

公司简介- 联系方法- 招聘信息- 客户服务- 相关法律- 用户反馈- 举报不良信息-

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