📄 tableabc.htm
字号:
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
generator: 上海史蜀君星能电影工作室/威柏数码传播有限公司/关键帧多媒体创作所(Web Digital Promotion Inc. Keyframe G.Lab)
web site: http://www.n10n.com
creation data: 2001-4-20
original author: 潘力 (POPOEVER)
e-mail: keyframe@etang.com
Copyright to: Keyframe G.Lab
-->
<html>
<head>
<title>表格样式大全之壹</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Pragma" content="no-cache">
<style>
<!--
em { color: #ffffff; font-size: 9pt; font-style: normal;line-height:1.5em}
body {scrollbar-face-color: #336699; scrollbar-highlight-color: #336699; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #336699; scrollbar-darkshadow-color: #336699;}
a:link { font-size: 9pt; font-style: normal; color: #000000; text-decoration: none}
a:active { font-size: 9pt; font-style: normal; color: #666666; text-decoration: none}
a:visited { font-size: 9pt; font-style: normal; color: #000000; text-decoration: none;}
a:hover { font-size: 9pt; font-style: normal; color: #333333; text-decoration: none}
div.border { border-bottom: 6px solid #FF9900; border-left: 4px solid #CC0000; border-right: 1px solid #009900; border-top: 2px solid white; }
.cMenu{
position: absolute;
visibility:hidden;
color:#FFFFFF;
width:155px;
border:1px solid #FFFFFF;
background-color:#000000;
font-family:"Arial, Helvetica, sans-serif";
font-size:9pt;
font-weight:normal;
line-height:20px;
cursor:default;
}
.menuitems{
padding-left:15px;
padding-right:10px;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
<!-- // RightClickMenu
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="#FFCC00"
event.srcElement.style.color="black"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="white"
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.url != ''){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
}
// -->
</SCRIPT>
</head>
<body bgcolor="#336699">
<DIV ID="overDiv" STYLE="position:absolute; visibility:hidden; z-index:1000;"></DIV>
<SCRIPT LANGUAGE="JavaScript" SRC="overlib_mini.js"></SCRIPT>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="0" width="100" bgcolor="#FFFFFF" cellspacing="1" cellpadding="0" height="40" align="left">
<tr bgcolor="#FF9900">
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">
<div align="center"><a href="javascript:void(0);" onMouseOver="return overlib('This is which we called 1-pixels-thin-border, and it is really different from the border defined to 1 pixel in Dreamweaver or other web editor.',STICKY,FGCOLOR,'#FF9999',BGCOLOR,'#000000',CAPTION ,'1-pixel-border',CAPCOLOR,'#FFFFFF',CAPTIONSIZE,'0',CLOSETEXT,'-exit-',CLOSECOLOR,'#FFCC99',TEXTSIZE,'0',TIMEOUT,'10000')" onMouseOut="nd();" onFocus="if(this.blur)this.blur()">1pixel</a></div>
</td>
</tr>
</table>
<table border="0" width="100" bgcolor="#000000" cellspacing="1" cellpadding="0" height="40" align="left">
<tr bgcolor="#FFFFFF">
<td onMouseOver="this.bgColor = '#CC0000'"
onMouseOut="this.bgColor = 'FFFFFF'">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">细边框表格</a></div>
</td>
</tr>
</table>
<table border="0" width="101" cellspacing="1" cellpadding="0" height="40" bgcolor="#00FF00" align="left">
<tr bgcolor="#009900">
<td onMouseOver="this.bgColor = '#006600'"
onMouseOut="this.bgColor = '009900'">
<div align="center"><a href="javascript:void(0);" onMouseOver="return overlib('This is which we called exchanging table background color, and it is really different from the hyperlink background color variation defined with CSS in Dreamweaver or other web editor.',LEFT,FGCOLOR,'#990000',BGCOLOR,'#000000',CAPTION ,'Exchanging Table bgcolor',CAPCOLOR,'#999999',CAPTIONSIZE,'0',TEXTCOLOR,'#FFFFFF',TEXTSIZE,'0')" onMouseOut="nd();" onFocus="if(this.blur)this.blur()">表格背景变色</a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table rules="cols" width="100" border="1" cellspacing="0" cellpadding="0" height="40" bordercolor="#FFFFFF" align="left">
<tr bgcolor="#CC0000">
<td>
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">我</a></div>
</td>
<td>
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">没</a></div>
</td>
<td>
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">有</a></div>
</td>
</tr>
<tr bgcolor="#009900">
<td height="15">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">横</a></div>
</td>
<td height="15">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">隔</a></div>
</td>
<td height="15">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">线</a></div>
</td>
</tr>
</table>
<table rules="rows" width="100" border="1" cellspacing="0" cellpadding="0" height="40" align="left" bordercolor="#FFFFFF">
<tr bgcolor="#009900">
<td bgcolor="#999900">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">我</a></div>
</td>
<td bgcolor="#6699CC">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">没</a></div>
</td>
<td bgcolor="#CC9966">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">有</a></div>
</td>
</tr>
<tr bgcolor="#CC0000">
<td height="15" bgcolor="#999900">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">竖</a></div>
</td>
<td height="15" bgcolor="#6699CC">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">隔</a></div>
</td>
<td height="15" bgcolor="#CC9966">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">线</a></div>
</td>
</tr>
</table>
<table rules="none" width="100" border="1" cellspacing="0" cellpadding="0" height="40" bordercolor="#FFFFFF" align="left">
<tr bgcolor="#009900">
<td bgcolor="#FFFFFF">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">我</a></div>
</td>
<td bgcolor="#336699">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">什</a></div>
</td>
<td bgcolor="#CCCC33">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">么</a></div>
</td>
</tr>
<tr bgcolor="#CC0000">
<td height="17" bgcolor="#CC0000">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">都</a></div>
</td>
<td height="17" bgcolor="#666666">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">没</a></div>
</td>
<td height="17" bgcolor="#FF9900">
<div align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">有</a></div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" width="100" id="flashtable" style="border:2px solid white" height="40" bgcolor="#9999FF">
<tr>
<td><a href="javascript:;" onFocus="if(this.blur)this.blur()">我闪我闪我闪闪闪...</a></td>
</tr>
</table>
<script language="JavaScript1.2">
function flashit(){
if (!document.all)
return
if (flashtable.style.borderColor=="white")
flashtable.style.borderColor="#336699"
else
flashtable.style.borderColor="white"
}
setInterval("flashit()", 100)
</script>
</td>
</tr>
<tr>
<td><fieldset style="width:300" align="center"><legend><em>我要出头</em></legend><a href="javascript:void(0);" onMouseOver="return overlib('This is which we called LEGEND style table, and it is really different from the table caption modified under code mode in Dreamweaver or other web editor.',FGCOLOR,'#999933',BGCOLOR,'#FFFFFF',CAPTION ,'LEGEND table',CAPCOLOR,'#333333',CAPTIONSIZE,'0',TEXTCOLOR,'#FFFFFF',TEXTSIZE,'0',WIDTH,'100',HEIGHT,ABOVE,BORDER,'5',AUTOSTATUS)" onMouseOut="nd();" onFocus="if(this.blur)this.blur()">呼机、手机、商务通，一个都不能要！枪打出头鸟！！</a></fieldset>
</td>
</tr>
</table>
<table rules-"none" width="300" bgcolor="#FF9900" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#FF9900">
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
</tr>
<tr bgcolor="#FF9900">
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'"> </td>
<td onMouseOver="this.bgColor = '#FFCC00'"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -