网页中的图片加边框代码

  只需用html代码就能给你的图片加出各种漂亮的相框,使用方法,点“<>”加入代码,换上图片网址,适当调整宽度和颜色,就可以让图片锦上添花!下面是代码:

  <img src=”图片地址” style=”border:5 solid #ffCCCC>
  样例:<img src=”图片地址” style=”float: left; margin: 10px 10px 10px 10px;border:1 solid #333333″ >

  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>

  附加:定义图片位置和上下左右距离的代码:
  style=”float: left; margin: 10px 10px 10px 10px”
  说明:float: left(左)center(中间)right(右),margin: 10px 10px 10px 10px(上-右-下-左)

『悠然-守望角』历史上的这一天:
嗨~~~,历史上的这一天没发表过日志。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

有人回复时邮件通知我