在网页中为图片加边框

本文介绍了一种简单的方法来为图片添加各种样式的边框,包括简单线框、双线框、虚线框等,通过使用特定的HTML代码实现不同的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

图片加框其实很简单,在发表文章页面钩选“显示源代码”,挑选一个下列喜欢的代码插入<DIV>中,再取消“显示源代码”,画框就有了。“图片地址”可以在网页的图片上点右键查看“属性”得到,应该不要再加详述了吧。需要说明的是在代码中,“border”确定边框宽度,“ #ffCCCC”是颜色代码,它代表浅粉色,更多的颜色代码可以查看取色板.

  1、简单线框

  <img src="图片地址" style="border:5 solid #ffCCCC">

  2、双线框

  <img src="图片地址" style=" border:7 double #666FF">

  3、虚线框

  <img src="图片地址" style=" border:3 dashed #990000">

  4、凸出框:

  <img src="图片地址" style="border:10 outset #CCCCFF">

  5、嵌入框:

  <img src="图片地址" style="border:15 inset #ff9900">

  6、脊状框:

  <img src="图片地址" style="border:15 ridge #33FF66">

  7、凹槽框

  <img src="图片地址" style="border:15   groove #CC6666">

  8、粒状阴影框

  <img src="图片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值