日志

怎样给图片加边框

已有 688 次阅读2018-3-14 22:58

1. 给图片加单边框

<CENTER><IMG style="BORDER-RIGHT: #ff99ff 3px solid; BORDER-TOP: #ff99ff 3px solid; BORDER-LEFT: #ff99ff 3px solid; BORDER-BOTTOM: #ff99ff 3px solid" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif "></CENTER> 2.图片双边框

<CENTER><IMG style="BORDER-RIGHT: green 7px double; BORDER-TOP: green 7px double; BORDER-LEFT: green 7px double; BORDER-BOTTOM: green 7px double" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif "></CENTER> 3.立体镜框

<CENTER><IMG style="BORDER-RIGHT: #FF3333 25px outset; BORDER-TOP: #FF3333 25px outset; BORDER-LEFT: #FF3333 25px outset; BORDER-BOTTOM: #FF3333 25px outset" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif "></CENTER> 4.立体镜框

<CENTER><IMG style="BORDER-RIGHT: #6666ff 25px inset; BORDER-TOP: #6666ff 25px inset; BORDER-LEFT: #6666ff 25px inset; BORDER-BOTTOM: #6666ff 25px inset" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif "></CENTER> 5.虚线框

<CENTER><IMG style="BORDER-RIGHT: #ff6633 7px dashed; BORDER-TOP: #ff6633 7px dashed; BORDER-LEFT: #ff6633 7px dashed; BORDER-BOTTOM: #ff6633 7px dashed" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif "></CENTER> 6.凹槽框

<CENTER><IMG style="BORDER-RIGHT: #339900 25px groove; BORDER-TOP: #339900 25px groove; BORDER-LEFT: #339900 25px groove; BORDER-BOTTOM: #339900 25px groove" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif " border=0></CENTER> 7.脊状框

<CENTER><IMG style="BORDER-RIGHT: #000099 25px ridge; BORDER-TOP: #000099 25px ridge; BORDER-LEFT: #000099 25px ridge; BORDER-BOTTOM: #000099 25px ridge" src=" http://www.heartxin.com/data/attachment/forum/201506/16/205104q31220zi1rre0i02.gif " border=0></CENTER> 注： 25px ：边框厚度