用代碼給圖片加透明邊框
效果一:
1#效果一代碼:<DIV style="position:relative; top:0px; left:0px; width:490px; height:370px;overflow: hidden"><div style="position: absolute; top: 0px; left: 0px"><img src="https://www.getit01.com/getimg_360.php?url=http://image23.360doc.com/DownloadImg/2011/02/0610/8944003_1.jpg" width_=490 height=370></div><div style="position: absolute; top: 0px; left: 0px"><table width_="490" height="370" border="30" cellspacing="0" cellPadding="0" style="filter: Alpha(Opacity=43,Style=0)"><tbody><tr><td width_=100% align="center"></td></tr></tbody></table></div></DIV>2#效果二:
3#效果二代碼:<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 490px; POSITION: relative; TOP: 0px; HEIGHT: 370px"><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=370 src="https://www.getit01.com/getimg_360.php?url=http://image23.360doc.com/DownloadImg/2011/02/0610/8944003_1.jpg" width_=490></DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=370 cellSpacing=0 cellPadding=0 width_=490 border=20><TBODY><TR><TD align=middle ><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=310 cellSpacing=0 cellPadding=0 width_=430 border=20><TBODY><TR><TD align=middle ></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>4#效果三:
5#效果三代碼:<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 490px; POSITION: relative; TOP: 0px; HEIGHT: 370px"><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><IMG height=370 src="https://www.getit01.com/getimg_360.php?url=http://image23.360doc.com/DownloadImg/2011/02/0610/8944003_1.jpg" width_=490></DIV><DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=370 cellSpacing=0 cellPadding=0 width_=490 border=15><TBODY><TR><TD align=middle ><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=330 cellSpacing=0 cellPadding=0 width_=450 border=5><TBODY><TR><TD align=middle ><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=320 cellSpacing=0 cellPadding=0 width_=440 border=10><TBODY><TR><TD align=middle ></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
推薦閱讀: