給圖片加邊框博客制做 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"> 效果:
|
|
|
來自: 許斯慶 > 《代碼學(xué)習(xí)》