网易博客代码(图片边框)
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，可自行调节.
