Board logo

标题: 试做HTML重叠表格的巧用 [打印本页]

作者: 爱错    时间: 2006-4-23 06:42     标题: 试做HTML重叠表格的巧用



一起来学习,共同进步








酒坛欢迎您




作者: 爱错    时间: 2006-4-23 06:43

代码如下:

< align=center>
<TABLE>
<TBODY>
<TR>
<TD><LEGEND>
<CENTER>
<TABLE borderColor=#000000 height=549 width=450 background=http://bbs.guqu.net/UploadFile/2005-11/200511315204612799.jpg border=5>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=1 direction=up width=400 height=450><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><BR>一起来学习,共同进步</B></FONT> <BR><BR><BR><BR><BR><BR><BR>
<CENTER></CENTER></MARQUEE></CENTER></TD></TR></TBODY></TABLE>
<DIV></DIV></LEGEND>
<DIV style="LEFT: 60px; OVERFLOW: hidden; WIDTH: 600px; POSITION: relative; TOP: -170px; HEIGHT: 550px">
<TABLE borderColor=#000000 height=549 width=450 background=http://bbs.guqu.net/UploadFile/2005-11/200511315204612799.jpg border=5>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=1 direction=up width=400 height=450>
<CENTER><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><BR>酒坛欢迎您</B></FONT> </CENTER></MARQUEE></CENTER></TD></TR></TBODY></TABLE></DIV></CENTER></TD></TR></TBODY></TABLE></P><BR>

调动红色的代码就可以调节表格重叠的位置

[此贴子已经被作者于2006-4-22 22:44:39编辑过]


作者: 爱错    时间: 2006-4-23 06:48

用代码制作五星红旗
代码

<TABLE style="WIDTH: 420px; POSITION: relative; HEIGHT: 250px" bgColor=red border=0>
<TBODY>
<TR>
<TD>
<TABLE style="LEFT: 36px; WIDTH: 68px; COLOR: yellow; POSITION: absolute; TOP: 22px; HEIGHT: 68px">
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 45pt; WIDTH: 68px; COLOR: yellow; HEIGHT: 68px">★</FONT></TD></TR></TBODY></TABLE>
<DIV style="FONT-SIZE: 12pt; LEFT: 107px; WIDTH: 20px; COLOR: yellow; POSITION: absolute; TOP: 13px; HEIGHT: 20px">★</DIV>
<DIV style="FONT-SIZE: 12pt; LEFT: 134px; WIDTH: 20px; COLOR: yellow; POSITION: absolute; TOP: 43px; HEIGHT: 20px">★</DIV>
<DIV style="FONT-SIZE: 12pt; LEFT: 134px; WIDTH: 20px; COLOR: yellow; POSITION: absolute; TOP: 76px; HEIGHT: 20px">★</DIV>
<DIV style="FONT-SIZE: 12pt; LEFT: 107px; WIDTH: 20px; COLOR: yellow; POSITION: absolute; TOP: 106px; HEIGHT: 20px">★</DIV>
</TD></TR></TBODY></TABLE>

[此贴子已经被作者于2006-4-22 22:48:50编辑过]


作者: 胡小说    时间: 2006-4-23 14:38

< align=center>
<TABLE>
<TBODY>
<TR>
<TD><LEGEND>
<CENTER>
<TABLE borderColor=#000000 height=549 width=450 background=http://bbs.guqu.net/UploadFile/2005-11/200511315204612799.jpg border=5>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=1 direction=up width=400 height=450><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><BR>一起来学习,共同进步</B></FONT> <BR><BR><BR><BR><BR><BR><BR>
<CENTER></CENTER></MARQUEE></CENTER></TD></TR></TBODY></TABLE>
<DIV></DIV></LEGEND>
<DIV style="LEFT: 60px; OVERFLOW: hidden; WIDTH: 600px; POSITION: relative; TOP: -170px; HEIGHT: 550px">
<TABLE borderColor=#000000 height=549 width=450 background=http://bbs.guqu.net/UploadFile/2005-11/200511315204612799.jpg border=5>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=1 direction=up width=400 height=450>
<CENTER><FONT style="FONT-SIZE: 18pt; FILTER: shadow(color=red); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><BR>酒坛欢迎您</B></FONT> </CENTER></MARQUEE></CENTER></TD></TR></TBODY></TABLE></DIV></CENTER></TD></TR></TBODY></TABLE></P><BR>
作者: 小轻    时间: 2006-4-23 17:40

好,,把代码公开出来哈,大家就学习了哈

应该表扬哈




欢迎光临 书酒国风 (http://shujiu.com/bbs/) Powered by Discuz! 5.5.0