梅竹把图片移入边框内再改编//清除了 70%无效代码 【赠给喜欢代码编辑的朋友】

原文地址http://www.360doc.com/content/17/0319/10/15793573_638114954.shtml 编辑 /刘桂宽  博客/http://www. 音画/互联网

原文代码<table>

                        <tbody>

                            <tr>

                                <td id="artContent" width="656">

                                    <div style="width: 656px; margin: 0; padding: 0; height: 0;"></div>

                                    

                                    <p style="PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0.6em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/26px 'Microsoft YaHei', Verdana, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(51,51,51); WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px; font-stretch: normal" align="center"><span style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 18px; PADDING-TOP: 0px; font-stretch: normal"><span style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; PADDING-TOP: 0px; font-stretch: normal">编辑</span>/刘桂宽  博客/</span><a style="OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; COLOR: rgb(20,153,186); FONT-SIZE: 15px; TEXT-DECORATION: none; font-stretch: normal; transition: all 0.25s ease 0s" href="http://www./"><span style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 18px; PADDING-TOP: 0px">http://www.</span></a></p>

<p style="PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0.6em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/26px 'Microsoft YaHei', Verdana, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(51,51,51); WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px; font-stretch: normal" align="center"><span style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; TEXT-INDENT: 40px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 18px; PADDING-TOP: 0px; font-stretch: normal">音画/互联网</span></p>

<p style="PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0.6em 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 14px/26px 'Microsoft YaHei', Verdana, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(51,51,51); WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px; font-stretch: normal" align="center"><span style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; TEXT-INDENT: 40px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 18px; PADDING-TOP: 0px; font-stretch: normal"></span><span style="PADDING-BOTTOM: 0px; LINE-HEIGHT: 32px; TEXT-INDENT: 40px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; FONT-SIZE: 18px; PADDING-TOP: 0px; font-stretch: normal"><img style="BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; WIDTH: 905px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 603px; BORDER-LEFT-WIDTH: 0px" src="http://userimage8.360doc.com/17/0319/10/15793573_201703191008430085936466.jpg"></span></p><p>

</p><div align="center">

<div style="POSITION: relative; TEXT-ALIGN: left; PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 16px/1.5 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; FLOAT: left; LETTER-SPACING: normal; HEIGHT: auto; COLOR: rgb(47,47,47); WORD-BREAK: break-all; WORD-SPACING: 0px; PADDING-TOP: 10px; -webkit-text-stroke-width: 0px">

<table>

<tbody>

<tr>

<td style="MIN-WIDTH: 656px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; PADDING-TOP: 0px">

<table style="LINE-HEIGHT: 24px; WIDTH: 450px; FONT-FAMILY: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; HEIGHT: 136px; COLOR: rgb(47,47,47); FONT-SIZE: 16px" title="歡迎光臨頣心閣!" border="18" cellspacing="5" bordercolor="#9370db" cellpadding="8" width="450" bgcolor="#ca8eff" align="center">

<tbody>

<tr>

<td style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; PADDING-TOP: 0px">

<table style="WIDTH: 450px; HEIGHT: 136px" border="1" cellspacing="1" bordercolor="#ffd306" cellpadding="1" width="857" bgcolor="#9370db" align="center">

<tbody>

<tr>

<td style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; PADDING-TOP: 0px"><embed height="580" type="application/x-shockwave-flash" width="850" src="http://s02./files/1612370/zhuanji_bfq.swf" wmode="transparent"></td></tr></tbody></table></td></tr></tbody></table>

<div style="PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: inherit; PADDING-TOP: 0px" align="center"> </div></td></tr></tbody></table></div>

<div style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 12px 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"></div><span style="TEXT-ALIGN: center; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; FONT: 12px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></span><span style="TEXT-ALIGN: center; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; DISPLAY: inline !important; FONT: 12px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; FLOAT: none; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></span><a style="TEXT-ALIGN: center; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; FONT: 12px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; TEXT-DECORATION: none; -webkit-text-stroke-width: 0px"></a><span style="TEXT-ALIGN: center; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; DISPLAY: inline !important; FONT: 12px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; FLOAT: none; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></span>

<p style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 12px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(0,0,0); WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px">

</p><p style="TEXT-ALIGN: center; PADDING-BOTTOM: 0px; WIDOWS: 1; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 908px; PADDING-RIGHT: 0px; FONT: 0px 'microsoft yahei', arial, simsun; WHITE-SPACE: normal; LETTER-SPACING: normal; HEIGHT: 0px; COLOR: rgb(0,0,0); CLEAR: both; OVERFLOW: hidden; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"></p></div>

<div align="center">

<div><img src="http://userimage8.360doc.com/17/0319/10/15793573_201703191013290632251639.gif"></div>

<div>

<div><img src="http://userimage8.360doc.com/17/0319/10/15793573_201703191016580679800032.gif"></div></div></div>

                                </td>

                                <script>

                                    var html = document.getElementById("artContent").innerHTML;

                                    document.getElementById("artContent").innerHTML = html;

                                </script>

                            </tr>

                        </tbody>

梅竹增加一图一音乐的总代码

<table>

<tbody>

<tr>

<td width="656">

<p align="center">编辑 /刘桂宽  博客/<a href="http://www./" target="_blank">http://www.</a></p>

<p align="center"><span>音画/互联网</span></p>

<p align="center"><img style="border-width: 0px; margin: 0px; width: 905px; height: 602px;" src="http://userimage8.360doc.com/17/0319/10/15793573_201703191008430085936466.jpg"></p>

<p align="center"><embed src="http://s02./files/1612370/zhuanji_bfq.swf" height="602" width="902" type="application/x-shockwave-flash" wmode="transparent"></p>

<br>

<div align="center">

<table>

<tbody>

<tr>

<td style="MIN-WIDTH: 656px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: 微软雅黑, 宋体, 黑体, Arial, Helvetica, sans-serif; PADDING-TOP: 0px">

<table title="歡迎光臨頣心閣!" border="18" cellspacing="5" bordercolor="#9370db" cellpadding="8" width="450" bgcolor="#ca8eff" align="center">

<tbody>

<tr>

<td>

<table style="WIDTH: 450px; HEIGHT: 136px" border="1" cellspacing="1" bordercolor="#ffd306" cellpadding="1" width="857" bgcolor="#9370db" align="center">

<tbody>

<tr>

<td>

<div><img src="http://userimage8.360doc.com/17/0319/10/15793573_201703191008430085936466.jpg" style="width: 900px; height: 600px; margin: 0px; border-width: 0px;"></div>

<embed height="600" type="application/x-shockwave-flash" width="900" src="http://s02./files/1612370/zhuanji_bfq.swf" wmode="transparent"></td></tr></tbody></table></td></tr></tbody></table>

<div align="center"><img src="http://userimage8.360doc.com/17/0319/10/15793573_201703191013290632251639.gif"><br>

<div><img src="http://userimage8.360doc.com/17/0319/10/15793573_201703191016580679800032.gif"></div>

<div> </div>

</div></td></tr>

</tbody>

</table></div></td></tr></tbody></table>