用代碼給圖片加上透明邊框.(可以直接套用代碼,只需更換你自己喜歡的圖片地址和根據(jù)需要調(diào)整代碼中圖片寬度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="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="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 width="100%"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=310 cellSpacing=0 cellPadding=0 width=430 border=20><TBODY><TR><TD align=middle width="100%"></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="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 width="100%"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=330 cellSpacing=0 cellPadding=0 width=450 border=5><TBODY><TR><TD align=middle width="100%"><TABLE style="FILTER: Alpha(Opacity=43,Style=0)" height=320 cellSpacing=0 cellPadding=0 width=440 border=10><TBODY><TR><TD align=middle width="100%"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></DIV>
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請
點擊舉報。