制作用的基本代码:
(1)HTML <TABLE>标签透明表格代码
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>文本编辑</TD></TR></TBODY></TABLE>
(2)HTML <fieldset>标签代码
<form>
<fieldset>
<legend>标题文本</legend>
文本编辑
</fieldset>
</form>
(3)垂直方向翻转代码
style="FILTER: FlipV"
制作步骤:
第一步:把HTML <fieldset>标签代码嵌套在HTML <TABLE>标签内。
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD><form>
<fieldset>
<legend>标题文本</legend>
文本编辑
</fieldset></TD></TR></TBODY></TABLE>
第二步:垂直方向翻转代码嵌套在<TD>标签内。
使整个HTML <fieldset>标签垂直翻转了,但编辑文字倒立。
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: FlipV"><form>
<fieldset>
<legend>标题文本</legend>
文本编辑
</fieldset></TD></TR></TBODY></TABLE>
第三步:再次把垂直方向翻转代码嵌套在<legend>标签内。
这样对标题文本就相当于两次垂直翻转,显示正常。但文本编辑仍然倒立。
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: FlipV"><form>
<fieldset>
<legend style="FILTER: FlipV">标题文本</legend>
文本编辑
</fieldset></TD></TR></TBODY></TABLE>
第四步:复制<legend style="FILTER: FlipV">标题文本</legend>,粘贴在文本编辑这四个字的中间。
由于文字无法翻转,借用<legend>标签,在文本编辑加入的标题文本正确,但文本编辑仍然倒立。
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: FlipV"><form>
<fieldset>
<legend style="FILTER: FlipV">标题文本</legend>
文本<legend style="FILTER: FlipV">标题文本</legend>编辑
</fieldset></TD></TR></TBODY></TABLE>
第五步:把“文本、编辑”看做头和尾改成任意翻转不影响效果的中文特殊符号或小图形,在这里我用“·”代替。
看看是不是显示正常了,要小心不要把“·”删除。
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="FILTER: FlipV"><form>
<fieldset>
<legend style="FILTER: FlipV">标题文本</legend>
·<legend style="FILTER: FlipV">标题文本</legend>·
</fieldset></TD></TR></TBODY></TABLE>
评论