Apr 6

怎么给BLOG里的图片加边框 晴

明年家儿 , 16:05 , 技术&共享 , 评论(0) , 引用(0) , 阅读(1176) 大 | 中 | 小
本代码由网上收集，复制以下代码将图片改为你自己的图片地址就OK了。

一：单线框代码如下：

<IMG style="BORDER-RIGHT: #ff0000 3px solid; BORDER-TOP: #ff0000 3px solid; BORDER-LEFT: #ff0000 3px solid; BORDER-BOTTOM: #ff0000 3px solid" src="图片地址">


二：双线框代码如下：

<IMG style="BORDER-RIGHT: #000000 5px double; BORDER-TOP: #000000 5px double; BORDER-LEFT: #000000 5px double; BORDER-BOTTOM: #000000 5px double" src="图片地址">


三：凸出框代码如下：

<IMG style="BORDER-RIGHT: #ff88ff 25px outset; BORDER-TOP: #ff88ff 25px outset; BORDER-LEFT: #ff88ff 25px outset; BORDER-BOTTOM: #ff88ff 25px outset" src="图片地址">


四：邮票框代码如下：

<TABLE style="BORDER-RIGHT: #f6ae56 3px dashed; BORDER-TOP: #f6ae56 3px dashed; BORDER-LEFT: #f6ae56 3px dashed; BORDER-BOTTOM: #f6ae56 3px dashed" cellSpacing=5 cellPadding=0 bgColor=#f6ae56>
<TBODY><TR><TD Align=center align=middle width=130 bgColor=#aeffae height=100><IMG src="图片地址"></TD></TR></TBODY></TABLE>


五：虚线框代码如下：

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


六：凹槽框代码如下：

<IMG style="BORDER-RIGHT: green 25px groove; BORDER-TOP: green 25px groove; BORDER-LEFT: green 25px groove; BORDER-BOTTOM: green 25px groove" src="图片地址" border=0>


七：立体阴影框代码如下：

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


八：立状阴影代码如下：

<IMG style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#cc8888,strength=30)" src="图片地址">

作者：明年家儿@92坊
地址：http://www.92fang.com/post/24/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明！

Tags: , , ,