用代碼給圖片加透明邊框

用代碼給圖片加上透明邊框.(可以直接套用代碼,只需更換你自己喜歡的圖片地址和根據需要調整代碼中圖片寬度WIDTH,高度HEIGHT的值就可以了.)圖片:

效果一:

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>
推薦閱讀:

表格邊框
邊框(待續)
新編邊框 【精美邊框】
精美竹藝邊框
典雅的紋理邊框!--一定要收藏呀!

TAG:圖片 | 代碼 | 透明 | 邊框 |