一些少被注意到的表格用法.htm
来自「javascript编程的组件」· HTM 代码 · 共 85 行
HTM
85 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0045)http://fason.nease.net/zhuanti/table/uses.htm -->
<HTML><HEAD><TITLE>一些少被注意到的表格用法</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<STYLE>TABLE {
FONT-SIZE: 12px
}
</STYLE>
</HEAD>
<BODY>
<DIV align=center>
<CENTER>
<TABLE borderColor=#000000 cellSpacing=0 borderColorDark=#ffffff cellPadding=0
width="90%" borderColorLight=#000000 border=1>
<TBODY>
<TR>
<TD width="100%">1.表格的分隔线可以隐藏<BR><table border rules=cols cellspacing=0
align=left> 可以隐藏横向的分隔线<BR><BR><table border rules=rows cellspacing=0
align=right>可以隐藏纵向的分隔线<BR><BR><table border rules=none cellspacing=0
align=center>可以隐藏横向和纵向的分隔线<BR><BR><BR>2.表格的边框不断在闪 <BR><BR>以下方法可以令表格的边框不断在闪，很实用的<BR>在BODY区加上<BR><BR><table
border="0" width="280" id="myexample" <BR>style="border:5px solid
yellow"> <BR><BR><tr> <BR><BR><td>加入任意的物件.加入任意的物件. <BR><BR><br>加入任意的物件.加入任意的物件. <BR><BR><br>加入任意的物件.加入任意的物件.</td> <BR><BR></tr> <BR><BR></table> <BR><BR><script
language="JavaScript1.2"> <BR><BR><!-- <BR><BR>function
flashit(){ <BR><BR>if
(!document.all) <BR><BR>return <BR><BR>if
(myexample.style.borderColor=="yellow") <BR><BR>myexample.style.borderColor="lime" <BR><BR>else <BR><BR>myexample.style.borderColor="yellow" <BR><BR>} <BR><BR>setInterval("flashit()",
500) <BR><BR>//--> <BR><BR></script> <BR><BR><BR>3.表格分行下载 <BR><BR>这个对表哥内容很大比较实用<BR><BR>在需要分行下载处加上
<tbody > <BR><BR>比如：<BR><table ><BR><tbody
><BR><tr ><BR><td >flsdjfsdjfkdsjf</td ><BR></tr
><BR><tr ><BR><td >skdjfsdjfksd</td ><BR></tr
><BR></tbody ><BR><BR><tbody ><BR><tr ><BR><td
>flsdjfsdjfkdsjf</td ><BR></tr ><BR><tr
><BR><td>skdjfsdjfksd</td ><BR></tr ><BR></tbody
><BR></table ><BR><BR>4.几种样式不同的表格<BR><BR><table border="1"
width="220" style="position: absolute; left: <BR>11; top: 11"
height="26" ><BR><BR><tr><BR><BR><td
width="100%">普通表格</td><BR><BR></tr><BR><BR></table><BR><BR>5.正立方表格 <BR><BR><table
border="1" width="220"
bordercolorlight="#eeeeee" <BR>bordercolordark="#000000"
style="position: absolute; left: 10; top: <BR>49"
height="26"><BR><BR><tr><BR><BR><td
width="100%">正立方表格</td><BR><BR></tr><BR><BR></table><BR><BR><BR>6.细表格 <BR><BR><table
border="0" frame=vsides width="219" <BR>bgcolor="#000000"
cellspacing="1" cellpadding="0" <BR>height="22" style="position:
absolute; left: 11; top: 86"><BR><BR><tr
bgcolor="#FFFFFF"><BR><BR><td width="100%"
height="2">细表格</td><BR><BR></tr><BR><BR></table><BR><BR>7.立体表格 <BR><BR><table
border="1" width="220"
bordercolorlight="#ffffff" <BR>bordercolordark="#ffffff"
style="position: absolute; left: 10; top: <BR>112"
height="34"><BR><BR><tr><BR><BR><td width="100%"
bgcolor="#B7B7B7" <BR>bordercolorlight="#000000"
bordercolordark="#eeeeee"
>立体表格</td><BR><BR></tr><BR><BR></table><BR><BR><BR>8.无名表格 <BR><BR><table
width="220" align="center" style="position: absolute; <BR>left: 246;
top: 12" height="51"><BR><BR><tr><BR><BR><td><fieldset
style="width:220" align="center"> <BR><legend> 无名表格
</legend> <p
align="right"> </fieldset> <BR><br><BR><BR></td><BR><BR></tr><BR><BR></table><BR><BR>9.表中表效果Ⅱ <BR><BR><table
width="220" align="center" style="position: <BR>absolute; left: 245;
top: 89" height="110"><BR><tr><BR><td
height="75"><fieldset style="width:220" <BR>align="center">
<legend> 表中表效果Ⅱ </legend> <table <BR>frame="hsides"
border="1"<BR>bordercolorlight="#000000"
bordercolordark="#ffffff" <BR>width="100%" cellspacing="1"
cellpadding="0" height="78"><BR><tr bgcolor="#ffffff"><BR><td
width="100%"
height="76"></fieldset></td><BR></tr><BR></table><BR><BR>10.表中表效果Ⅰ <BR><BR><table
width="220" align="center" style="position: absolute; <BR>left: 10;
top: 120" height="138"
cellspacing="1" <BR>cellpadding="0"><BR><BR><tr><BR><BR><td
height="126"><fieldset style="width: 220; color:
#B7B7B7; <BR>border-style: groove" align="center"> <legend
style="color: <BR>#FFFFFF; border: 1 solid #808080" > <font
color="#000000">表中表效果Ⅰ</font> <BR></legend> <p
align="right"> </fieldset> <BR><BR></td><BR><BR></tr><BR><BR></table><BR><BR><BR>11.表格中边框的显示 <BR><BR><BR>只显示上边框
<table frame=above><BR>只显示下边框 <table
frame=below> <BR>只显示左、右边框 <table frame=vsides><BR>只显示上、下边框
<table frame=hsides><BR>只显示左边框 <table frame=lhs><BR>只显示右边框
<table frame=rhs><BR>不显示任何边框 <table frame=void><BR>
<P> </P></TD></TR></TBODY></TABLE></CENTER></DIV>
<P align=right><A href="http://fason.nease.net/">【阿信的小天地】</A></P></BODY></HTML>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?