打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
文字与动画在图片中的定位
"春 天 没 来"
欢 迎 您
代码:
<div align="center">
<table border="2" cellSpacing="15" borderColor="#ff0099" width="880" background="http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_1.jpg" align="center">
<tbody>
<tr>
<td>
<table style="left: 0px; top: 0px; width: 880px;" border="0" cellSpacing="0" borderColor="#ff0000" borderColorLight="#ffff00" borderColorDark="#ff0000" cellPadding="0" width="880" background="http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_2.jpg" height="660">
<tbody>
<tr>
<td width="50%"><p align="right"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong>"春 天 没 来"</strong></font></p></td>
<td width="50%"><p align="left"><font style="line-height: normal; font-size: 30pt; font-style: normal; font-variant: normal; font-weight: normal;" color="#ff0000"><strong> 欢 迎 您</strong></font></p></td>
<tr>
<td width="50%"><embed height="300" type="application/x-shockwave-flash" align="right" width="440" src="http://www.shuyunxin.com/cc/flash/143.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<td width="50%"><embed height="300" type="application/x-shockwave-flash" align="right" width="440" src="http://www.shuyunxin.com/cc/flash/143.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<tr>
<tr>
<td width="50%"><embed height="310" type="application/x-shockwave-flash" align="right" width="440" src="http://mylib.duxiu.com/userfile/12410834/2011-05-11/1305113553156.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td>
<td width="50%"><embed height="310" type="application/x-shockwave-flash" align="right" width="440" src="http://mylib.duxiu.com/userfile/12410834/2011-05-11/1305113553156.swf" allowScriptAccess="never" allowNetworking="internal" quality="high" menu="false" wmode="transparent"></td></tr></tbody></table></td></tr></tbody></table></div>
代码解析:
1、在二重表格中,设置了一个三行二列,表格的宽度880px,高度660px(这一点很重要,表格的规格一定要和背景图片http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_2.jpg的规格相同)。
2、第一行的第一个单元格内,放入了文字:“春天没来”,文字的对齐方式为“居右”;第二个单元格内,放入了文字:欢迎您,文字的对齐方式为“居左”。整行文字的效果是“居中”。
3、第二行的两个单元格内,各放入了一个动画图片,动画图片的宽度都是440,合起来为880,等于表格的宽度;高度为310。
4、第三行的两个单元格内,各放入了一个动画图片,动画图片的宽度都是440,合起来为880,等于表格的宽度;高度为310。
5、两行动画图片的高度和一行文字的高度加起来,正好是660(文字的高度50是经过试验确定的)。
代码解析:
1、在二重表格中,设置了一个三行二列,表格的宽度880px,高度660px(这一点很重要,表格的规格一定要和背景图片http://image54.360doc.com/DownloadImg/2012/08/2616/26412535_2.jpg的规格相同)。
2、第一行的第一个单元格内,放入了文字:“春天没来”,文字的对齐方式为“居右”;第二个单元格内,放入了文字:欢迎您,文字的对齐方式为“居左”。整行文字的效果是“居中”。
3、第二行的两个单元格内,各放入了一个动画图片,动画图片的宽度都是440px,合起来为880px,等于表格的宽度;高度为310px。
4、第三行的两个单元格内,各放入了一个动画图片,动画图片的宽度都是440px,合起来为880px,等于表格的宽度;高度为310px。
5、两行动画图片的高度和一行文字的高度加起来,正好是660px(文字的高度50px是经过试验确定的)。
2012年9月22日于北京
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
怎样在图片上加flash动画和文字
怎样在别人的Flash动画上再加进自己的文字效果
网页制作常用代码集
table 单元格的宽度, 以及居中设置
网易博客制作入门
QQ空间添加音乐与动画的解禁方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服