分享

【代码应用】用代码在背景图上制作图文并排》

 昵称5616265 2013-03-29

【代码应用】用代码在背景图上制作图文并排》

【代码应用】用代码在背景图上制作图文并排 - 夕阳无限美 - 夕阳无限美欢迎您

 图一

2012年05月22日 - 夕阳无限美 - 夕阳无限美欢迎您

山高高,云淡淡

总见山腰留青烟

路漫漫,日晃晃

总把朋友来思念

清明时节雨纷纷

难叫心扉巧周全

川桂山水无限好

更想网友情谊长

 


图一代码
<br>  <div align="center">  <table style="TEXT-ALIGN: center;" border="2" cellspacing="0" bordercolor="#880000" cellpadding="0" bgcolor="#00ff00" align="center">  <tbody>  <tr>  <td style="BORDER-BOTTOM: #880000 10px groove; BORDER-LEFT: #880000 10px groove; BORDER-COLLAPSE: collapse; BORDER-TOP: #880000 10px groove; BORDER-RIGHT: #880000 10px groove;">  <div align="center">  <table style="TEXT-ALIGN: center;" border="1" cellspacing="0" bordercolor="#00ff00" cellpadding="0" width="700" bgcolor="#ff0000" align="center" height="375">  <tbody>  <tr>  <td>  <p><img tborder="0" hspace="60" align="left" src="图片地址" width="300" height="320"></p><p><span style="line-height: 25px; background-color: rgb(255, 0, 0);"><fonts style="line-height: 25px;"><font face="楷体_gb2312" color="#00ffff" size="4"><b>山高高,云淡淡</b></font></fonts></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>总见山腰留青烟</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>路漫漫,日晃</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>总把朋友来思念</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>清明时节雨纷纷</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>难叫心扉巧周全</b></font></span></p><p><span style="line-height: 25px; font-family: 楷体_gb2312; background-color: rgb(255, 0, 0);"><font color="#00ffff" size="4"><b>川桂山水无限好</b></font></span></p><p><font size="4" face="楷体_gb2312" color="#00ffff"><span style="line-height: 25px; background-color: rgb(255, 0, 0);"><fonts style="line-height: 25px;"><b>更想网友情谊长</b></fonts></span></font></p> 
图二

【代码应用】用代码在背景图上制作图文并排 - 夕阳无限美 - 夕阳无限美欢迎您

    山高高,云淡淡
       总见山腰留青烟
       路漫漫,日晃晃
       总把朋友来思念
       清明时节雨纷纷
       难叫心扉巧周全
       川桂山水无限好
       更想网友情谊长

       2011年10月22日 - 夕阳无限美 - 夕阳无限美de博客 

【代码应用】用代码在背景图上制作图文并排 - 夕阳无限美 - 夕阳无限美欢迎您

2011年10月22日 - 夕阳无限美 - 夕阳无限美de博客



图二代码
</div><div style="TEXT-ALIGN: center;"><br></div><div style="TEXT-ALIGN: center;"><table border="2" cellspacing="0" bordercolor="#ff0088" cellpadding="0" bgcolor="#000000" align="center"><tbody><tr><td style="BORDER-BOTTOM: #88ff00 10px groove; BORDER-LEFT: #88ff00 10px groove; BORDER-COLLAPSE: collapse; BORDER-TOP: #88ff00 10px groove; BORDER-RIGHT: #88ff00 10px groove;"><div align="center"><table border="1" cellspacing="0" bordercolor="#ff0000" cellpadding="0" width="700" bgcolor="#ffb887" align="center" height="375"><tbody><tr><td><p><img  border="0" hspace="60"  rc="图片地址" width="300" height="320"></p><font style="font-size: 20px;"><font style="font-size: 22px;"><p style="text-indent: 2em;" align="center"><font color="#ffff00" style="font-weight: bold; font-family: 隶书;">  </font><font style="color: rgb(255, 0, 0); font-weight: bold; font-family: 隶书;"> </font><font face="楷体_gb2312"><b>山高高,云淡淡<br></b></font><fonts><font face="楷体_gb2312"><b>       总见山腰留青烟<br></b></font><fonts><font face="楷体_gb2312"><b>       路漫漫,日晃晃<br></b></font><fonts><font face="楷体_gb2312"><b>       总把朋友来思念<br></b></font><fonts><font face="楷体_gb2312"><b>       清明时节雨纷纷<br></b></font><fonts><font face="楷体_gb2312"><b>       难叫心扉巧周全<br></b></font><fonts><font face="楷体_gb2312"><b>       川桂山水无限好<br></b></font><fonts><font face="楷体_gb2312"><b>       更想网友情谊长</b></font><strong style="font-weight: bold; font-family: 隶书; color: rgb(255, 255, 0); font-size: 20px;"><font style="FONT-SIZE: 22px;" color="#ff0000"></font></strong></fonts></fonts></fonts></fonts></fonts></fonts></fonts></p></font></font><strong style="font-family: 隶书; font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000"><div style="text-align: center; display: inline !important;"><strong style="font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000"><p align="left" style="text-indent: 2em; display: inline !important;"><strong style="font-size: 20px; color: rgb(255, 255, 0);"><font style="FONT-SIZE: 22px;" color="#ff0000">       <img style="WIDTH: 60px; HEIGHT: 60px;"  border="0" src="http://image59.360doc.com/DownloadImg/2013/03/2920/31284733_4.jpg"> </font></strong></p><img  rc="http://image59.360doc.com/DownloadImg/2013/03/2920/31284733_5.gif" style="margin: 0px 10px 0px 0px; width: 46px; height: 47px;"><strong style="line-height: 32px; color: rgb(255, 255, 0); font-size: 20px;"><font color="#ff0000" style="line-height: 35px; font-size: 22px;"><p align="left" style="line-height: 35px; text-indent: 2em; display: inline !important;"><strong style="line-height: 32px; font-size: 20px; color: rgb(255, 255, 0);"><font color="#ff0000" style="line-height: 35px; font-size: 22px;"><img t border="0" src="http://image59.360doc.com/DownloadImg/2013/03/2920/31284733_4.jpg" style="line-height: 35px; width: 60px; height: 60px;"></font></strong></p></font></strong></font></strong></div></font></strong><br></td></tr></tbody></table></div></td></tr></tbody></table></div>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约