打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
图片加框代码
图片加框代码
【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
 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用代码给您的图片加上漂亮边框
用代码给图片加边框
图片边框效果与代码
给图片加边框 - 闲散人也的日志 - 网易博客
给你的图片添上各种边框代码实用技巧
[音画素材]图片精美边框特效代码总汇
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服