【代码应用】用代码制作图片的油画效果

 

原   图

 

 

制 作 效 果

 

 

<

 

 

 【代码应用】用代码在大边框图四角定位添加小边框图

用代码在大边框图四角定位添加小边框图 代码： <div align="center"><table style="BORDER-BOTTOM: #9b0000 6px ridge; POSITION: relative; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 600px; HEIGHT: 512px; BORDER-TOP: #9b0000 6px ridge; TOP: 0px; BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px;" id="table" border="0" cellspacing="0" cellpadding="0" background="背景图片地址" align="center">  <tbody>  <tr>  <td>  <table style="BORDER-BOTTOM: #9b0000 6px ridge; POSITION: absolute; WIDTH: 128px; HEIGHT: 108px; TOP: 0px; BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px;" id="table1" border="0" cellspacing="0" cellpadding="0" background="角图地址">  <tbody>  <tr>  <td></td></tr></tbody></table>  <table style="BORDER-BOTTOM: #9b0000 6px ridge; POSITION: absolute; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 128px; HEIGHT: 108px; TOP: 0px; LEFT: 460px;" id="table2" border="0" cellspacing="0" cellpadding="0" background="角图地址">  <tbody>  <tr>  <td></td></tr></tbody></table>  <table style="BORDER-BOTTOM: #9b0000 6px ridge; POSITION: absolute; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 213px; HEIGHT: 250px; BORDER-TOP: #9b0000 6px ridge; TOP: 75px; BORDER-RIGHT: #9b0000 6px ridge; LEFT: 184px;" id="table2" border="0" cellspacing="0" cellpadding="0" background="中间图片地址">  <tbody>  <tr>  <td></td></tr></tbody></table>  <table style="POSITION: absolute; WIDTH: 128px; BOTTOM: 0px; HEIGHT: 108px; BORDER-TOP: #9b0000 6px ridge; BORDER-RIGHT: #9b0000 6px ridge; LEFT: 0px;" id="table3" border="0" cellspacing="0" cellpadding="0" background="角图地址">  <tbody>  <tr>  <td></td></tr></tbody></table>  <table style="POSITION: absolute; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 128px; BOTTOM: 0px; HEIGHT: 108px; BORDER-TOP: #9b0000 6px ridge; LEFT: 460px;" id="table4" border="0" cellspacing="0" cellpadding="0" background="角图地址">  <tbody>  <tr>  <td></td></tr></tbody></table></td></tr></tbody></table></div>