怎样给图片加边框代码

昵称4247575 2011-01-11

展开全文

怎样给图片加边框代码

代码大全 2010-10-19 18:29:22 阅读4 评论0 字号：大中小订阅

引用

【夢幻驛站】的怎样给图片加边框





1.立体镜框

代码（一）:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg"></CENTER>



代码（二）:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg"></CENTER>



2.虚线框

代码:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg"></CENTER>

3.凹槽框

代码:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg" border=0></CENTER>



4.脊状框

代码:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg" border=0></CENTER>



5.图片双边框

代码:

<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://image21.360doc.com/DownloadImg/2011/01/1114/8401377_2.jpg"></CENTER>

注：

红色：颜色

25px ：边框厚度

蓝色：图片地址