图片加框代码 | ||
【01单边框】 | ||
【图01-1】solid | 【图01-1代码】 <IMG style="BORDER-BOTTOM: #ff0000 6px solid; BORDER-LEFT: #ff0000 6px solid; BORDER-TOP: #ff0000 6px solid; BORDER-RIGHT: #ff0000 6px solid" src="图片地址"> 【图01-2说明】 将【图01-1代码】中的6px改为3px,边框变窄;将颜色代码#ff0000换成#ff00ff。 | 【图01-2】solid |
【02双边框】 | ||
【图02-1】double | 【图02-1代码】 <IMG style="BORDER-BOTTOM: #00ff00 5px double; BORDER-LEFT: #00ff00 5px double; BORDER-TOP: #00ff00 5px double; BORDER-RIGHT: #00ff00 5px double" src="图片地址"> 【图02-2说明】 将【图02-1代码】中的5px改为8px 边框变宽;将颜色代码#00ff00换成ff0000。 | 【图02-2】double |
【03虚线框】 | ||
【图03-1】dashed | 【图03-1代码】 <IMG style="BORDER-BOTTOM: #ff0000 4px dashed; BORDER-LEFT: #ff0000 4px dashed; BORDER-TOP: #ff0000 4px dashed; BORDER-RIGHT: #ff0000 4px dashed" src="图片地址"> 【图03-2说明】 将【图03-1代码】中的4px改为2px,虚线变小;将颜色代码#ff0000换成ffff00。 | 【图03-2】dashed |
【04立体框】 | ||
【图04-1】outset | 【图04-1代码】 <IMG style="BORDER-BOTTOM: #ff00ff 15px outset; BORDER-LEFT: #ff00ff 15px outset; BORDER-TOP: #ff00ff 15px outset; BORDER-RIGHT: #ff00ff 15px outset" src="图片地址"> 【图04-2代码】 <IMG style="BORDER-BOTTOM: #ff88ff 15px inset; BORDER-LEFT: #ff88ff 15px inset; BORDER-TOP: #ff88ff 15px inset; BORDER-RIGHT: #ff88ff 15px inset" src="图片地址"> | 【图04-2】inset |
【图04-3】groove | 【图04-3代码】 <IMG style="BORDER-BOTTOM: #00ff00 15px groove; BORDER-LEFT: #00ff00 15px groove; BORDER-TOP: #00ff00 15px groove; BORDER-RIGHT: #00ff00 15px groove" src="图片地址"> 【图04-4代码】 <IMG style="BORDER-BOTTOM: #00ff00 15px ridge; BORDER-LEFT: #00ff00 15px ridge; BORDER-TOP: #00ff00 15px ridge; BORDER-RIGHT: #00ff00 15px ridge" src="图片地址"> | 【图04-4】ridge |
联系客服