Question

如何为图片加边框

Answer 1

原图效果：1.为图片加单线边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff3px solid; BORDER-TOP: #00ffff3px solid; BORDER-LEFT: #00ffff3px solid; BORDER-BOTTOM: #00ffff3px solid" src="图片地址"></CENTER>2.为图片加双线边框代码：<CENTER><IMG style="BORDER-RIGHT:#00ffff7px double; BORDER-TOP:#00ffff7px double; BORDER-LEFT:#00ffff7px double; BORDER-BOTTOM:#00ffff7px double" src="图片地址"></CENTER> 3.为图片加外凸边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff20px outset; BORDER-TOP: #00ffff20px outset; BORDER-LEFT: #00ffff20px outset; BORDER-BOTTOM: #00ffff20px outset" src="图片地址"></CENTER> 4.为图片加内凹边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff20px inset; BORDER-TOP: #00ffff20px inset; BORDER-LEFT: #00ffff20px inset; BORDER-BOTTOM: #00ffff20px inset" src="图片地址"></CENTER>5.为图片加脊线边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff20px ridge; BORDER-TOP: #00ffff20px ridge; BORDER-LEFT: #00ffff20px ridge; BORDER-BOTTOM: #00ffff20px ridge" src="图片地址"></CENTER> 6.为图片加槽线边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff20px groove; BORDER-TOP: #00ffff20px groove; BORDER-LEFT: #00ffff20px groove; BORDER-BOTTOM: #00ffff20px groove" src="图片地址"></CENTER> 7.为图片加虚线边框代码：<CENTER><IMG style="BORDER-RIGHT: #00ffff4px dashed; BORDER-TOP: #00ffff4px dashed; BORDER-LEFT: #00ffff4px dashed; BORDER-BOTTOM: #00ffff4px dashed" src="图片地址"> </CENTER> 8.为图片做阴影特效代码：<CENTER> <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#00ffff,strength=25)"> </CENTER> 9.为图片做黑白特效代码：<CENTER> <img src="图片地址" style="filter:'gray'"> </CENTER>10.为图片做透视特效代码：<CENTER> <img src="图片地址" style="filter:'xray'"> </CENTER>11.为图片做浮雕特效代码：<CENTER> <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Emboss()"> </CENTER>12.图片垂直颠倒特效代码：<CENTER> <img src="图片地址" style="filter:flipv"> </CENTER>13.图片水平反转特效代码：<CENTER> <img src="图片地址" style="filter:fliph"> </CENTER>14.图片色彩渐变特效代码：<CENTER><img src="图片地址" style="filter:invert"> </CENTER>15.图片外虚内实特效代码：<CENTER><table style="border:3 dashed #00ffff" cellspacing="5" cellpadding="10" bgcolor="#00ffff"><tr><td bgcolor="#00ffff" width=309height=200 align=center valign=middle><img src="图片地址"></td></tr></table></CENTER>代码分析：“<CENTER>是居中代码</CENTER>” ，粉红色地方“height=200”是图片的高度，红色地方“width=309”是图片的宽度，绿色地方“00ffff”是边框颜色代码，蓝色地方“图片地址”是图片地址，青绿色地方“border=2”是边格宽度。