博客制做 2008-07-15 21:52:13 閱讀545 評論1 字號:大中小
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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_1.jpg">
</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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_2.jpg">
</CENTER>
效果:
3、給圖片加立體邊框
代碼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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_3.jpg">
</CENTER>
效果:
代碼2:
<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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_4.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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_5.jpg
border=0></CENTER>
效果:
代碼4:
<CENTER><IMG style="BORDER-RIGHT: #ccffcc 25px ridge; BORDER-TOP: #ccffcc 25px ridge;
BORDER-LEFT: #ccffcc 25px ridge; BORDER-BOTTOM: #ccffcc 25px ridge"
src=http://image9.360doc.com/DownloadImg/2010/04/2809/3028098_6.jpg
border=0></CENTER>
效果:
4、給圖片加虛線框
代碼:
<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://image9.360doc.com/DownloadImg/2010/04/2809/3028098_7.jpg">
效果: