表格样式大全

最新推荐文章于 2020-01-22 14:03:13 发布
最新推荐文章于 2020-01-22 14:03:13 发布
阅读量2.2w 收藏 1
点赞数
分类专栏： html/css 文章标签： javascript border dreamweaver div table function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/henry365/article/details/539163
版权

<html>
<head>
<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'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
  <tr bgcolor="#FF9900">
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
    <td onMouseOver="this.bgColor = '#FFCC00'"
onMouseOut="this.bgColor = 'FF9900'">&nbsp;</td>
  </tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
      <div class="border" align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">上白</a></div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="border" align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">下橙</a></div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="border" align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">左红</a></div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="border" align="center"><a href="javascript:;" onFocus="if(this.blur)this.blur()">右绿</a></div>
    </td>
  </tr>
</table>
<br>
<table style="BORDER-top: rgb(255,255,255) 1px solid; BORDER-bottom: rgb(255,255,255) 1px solid; BORDER-left: rgb(255,255,255) 1px solid; BORDER-right: rgb(255,255,255) 1px solid" width="100" cellspacing="0" cellpadding="0">
  <tr align="center" rules="none" valign="middle">
    <td bgcolor="#FF9900"><a href="javascript:;" onFocus="if(this.blur)this.blur()">我</a></td>
    <td bgcolor="#336699"><a href="javascript:;" onFocus="if(this.blur)this.blur()">脱</a></td>
    <td bgcolor="#CC0000"><a href="javascript:;" onFocus="if(this.blur)this.blur()">得</a></td>
 </tr>
  <tr align="center" valign="middle">
    <td bgcolor="#CC0000"><a href="javascript:;" onFocus="if(this.blur)this.blur()">就</a></td>
    <td bgcolor="#FF9900"><a href="javascript:;" onFocus="if(this.blur)this.blur()">剩</a></td>
    <td bgcolor="#336699"><a href="javascript:;" onFocus="if(this.blur)this.blur()">下</a></td>
 </tr>
  <tr align="center" valign="middle">
    <td bgcolor="#336699"><a href="javascript:;" onFocus="if(this.blur)this.blur()">一</a></td>
    <td bgcolor="#CC0000"><a href="javascript:;" onFocus="if(this.blur)this.blur()">丝</a></td>
    <td bgcolor="#FF9900"><a href="javascript:;" onFocus="if(this.blur)this.blur()">了</a></td>
 </tr>
</table>
<br>
<table style="BORDER-top: rgb(255,255,255) 1px solid; BORDER-bottom: rgb(255,255,255) 1px solid; BORDER-left: rgb(255,255,255) 1px solid; BORDER-right: rgb(255,255,255) 1px solid" width="100" cellspacing="0" cellpadding="0">
  <tr align="center" rules="none" valign="middle">
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">我</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">的</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">心</a></td>
 </tr>
  <tr align="center" valign="middle">
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">像</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">玻</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">璃</a></td>
 </tr>
  <tr align="center" valign="middle">
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">般</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">透</a></td>
    <td><a href="javascript:;" onFocus="if(this.blur)this.blur()">明</a></td>
 </tr>
</table>
</body>
</html>

henry365
关注
专栏目录
普通table表格样式及代码大全(全)
04-11
各种表格样式的汇总、完全代码展示，附有图片演示！共享给大家了……
漂亮的表格样式大全
weixin_30709635的博客
08-26 677
下面是代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <title>超清爽的几款网页配色</title> <head&...
表格样式
Lucas的专栏
07-17 264
<br />依照WEB2.0风格，设计了几个表格样式，希望大家喜欢。 <br />WEB2.0提倡使用div开布局，但不是要完全放弃使用表格，表格在数据展现方面还是不错的选择。 <br />现在使用介绍使用CSS样式表来控制、美化表格的方法。<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  <br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><
一个不错的表格样式，收藏下
weixin_34327761的博客
12-29 103
2019独角兽企业重金招聘Python工程师标准>>> ...
bootstrap中六种表格样式
iteye_15961的博客
11-29 774
表格 表格是Bootstrap的一个基础组件之一，Bootstrap为表格提供了1种基础样式和4种附加样式以及1个支持响应式的表格。在使用Bootstrap的表格过程中，只需要添加对应的类名就可以得到不同的表格风格，在接下来的内容中，我们会详细介绍Bootstrap的表格使用。 同样的，如果你对CSS预处理器熟悉，你可以使用Bootstrap提供的预处理版本： ☑ LESS版本，对...
质量体系记录表格样式大全.doc
09-18
质量体系记录表格样式大全.doc
CSS表格样式1
05-27
在CSS（层叠样式表）中，表格样式是网页设计中的一个重要组成部分，它能帮助我们打造出美观且功能丰富的数据展示区域。这篇博文“CSS表格样式1”可能详细讲解了如何利用CSS来定制HTML表格的外观和布局。由于描述中...
css3表格样式产品价格页面表格样式
11-11
在网页设计中，CSS3（层叠样式表第三版）为创建美观且功能丰富的表格样式提供了许多新特性。本文将详细探讨如何利用CSS3来设计适用于产品价格页面的表格样式，帮助你提升用户体验并增强页面视觉吸引力。 1. **边框...
各种表格的标准样式.pdf
10-07
【表格标准样式】在IT行业中，表格是一种常用的数据组织和展示工具，对于技术文档和报告尤其重要。"各种表格的标准样式.pdf"文件提供了一系列标准模板，适用于不同类型的表格，如沈阳理工大学应用技术学院的毕业设计...
精美的css控制表格样式
05-03
1. **基础表格样式**：CSS中的`table`, `th`, `td`, `tr`等选择器是控制表格样式的基石。例如，`table`选择器用于设置整个表格的基本样式，`th`和`td`分别用于定义表头和数据单元格的样式，而`tr`则用于处理行的样式...
大公司常见表格样式
weixin_30389003的博客
06-08 292
贴上效果图： 贴上代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>大公司常见表格</title> <style type="text/css"> ...
FormLayoutManager--多类型表格
DNWalter的博客
01-22 3012
FormLayoutManager首页，里面有github地址 目录 前言 代码 MonsterHAdapterByType FormLayoutManager 注意 前言 之前能实现的表格都必须每个格子的宽高一样，现在所说的多类型就是，像平常的adapter一样，通过getItemViewType获取不同的类型，然后使用不同的布局。下面的讲解，你可知道，我只允许你根据行或根据列来...
四个好看的CSS样式表格
热门推荐
0li's Blog
09-08 48万+
1. 单像素边框CSS表格 这是一个很常用的表格样式。 源代码： table.gridtable { font-family: verdana,arial,sans-serif; font-size:11px; color:#333333; border-width: 1px; border-color: #666666; border-collapse:
【表格样式】——HTML制作表格大全
Hello World
08-13 11万+
标签的属性设置 带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C 不带边框的表格： FoodDrinkSweet ABC Food Drink Sweet A B C
CSS的表格样式和列表样式
李昆鹏的博客
05-18 1万+
-----------------------------------------------CSS的表格样式和列表样式--------------------------------------------------Table样式处理代码示例：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&...
分享7款颜色的CSS表格样式美化网页表格用户体验
被遗忘的遐想空间
11-06 4811
第一种： CSS表格样式之一 CSS样式代码部分： /* Border styles */ #table-1 thead, #table-1 tr { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(230, 189, 189); } #table-1 { border-bottom-
7种表格样式
eyugod的博客
08-02 6239
http://www.laozuo.org/4631.html 老左并不是一名网页设计师，但是经常在博客上捣鼓、修改一些自认为不太好的用户体验也仅仅局限在修改一些简单的CSS样式上，遇到不能解决的问题可以通过搜索查阅文档。随着时间的积累，我们越发感觉到CSS样式的无穷奇妙，比如我们在制作某个表格时候，可以简单的利用CSS样式表的修改变化多样的CSS表格样式。在页面布局和内容分享的
四款好看实用的CSS表格样式分享
weixin_41776531的博客
07-05 2196
https://www.w3cschool.cn/css/css-sfrk2opy.html
CSS样式大全整理：字体、背景、区块属性详解
css样式大全 css样式大全是css样式的整理版，涵盖了字体、...在css样式大全中，还有许多其他的样式属性，例如边框、列表、表格、浮动等。这些样式属性可以帮助开发者更好地控制元素的样式，提高网页的可读性和美观性。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值