表格样式大全

最新推荐文章于 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
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
普通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 263
<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 102
2019独角兽企业重金招聘Python工程师标准>>> ...
bootstrap中六种表格样式
iteye_15961的博客
11-29 772
表格 表格是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 3009
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 4806
第一种： 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 6230
http://www.laozuo.org/4631.html 老左并不是一名网页设计师，但是经常在博客上捣鼓、修改一些自认为不太好的用户体验也仅仅局限在修改一些简单的CSS样式上，遇到不能解决的问题可以通过搜索查阅文档。随着时间的积累，我们越发感觉到CSS样式的无穷奇妙，比如我们在制作某个表格时候，可以简单的利用CSS样式表的修改变化多样的CSS表格样式。在页面布局和内容分享的
四款好看实用的CSS表格样式分享
weixin_41776531的博客
07-05 2188
https://www.w3cschool.cn/css/css-sfrk2opy.html
html样式代码大全
最新发布
08-02
HTML样式代码大全是指包含了各种常用的HTML样式代码的资源或文档。这些代码可以用来设置网页的外观和布局，包括字体、颜色、背景、边框等等。在编写网页时，熟悉并掌握常用的HTML样式代码是非常重要的，可以帮助我们实现各种吸引人的效果和动态效果。 引用[1]提到了熟悉掌握常用的HTML代码可以在编写网页时做到行云流水，用处处流露着细腻和创意的动效细节打动所有人。这意味着熟悉HTML样式代码可以帮助我们实现各种吸引人的效果和动态效果。 引用[2]提到了tbody标签的用法，它可以加强对表格的控制能力。通过使用tbody标签，我们可以更好地控制表格的结构和样式。 引用[3]提到了如何让滚动条出现在左边的代码示例。通过设置HTML的dir属性为"rtl"，我们可以改变文本和滚动条的方向，从而实现滚动条出现在左边的效果。 综上所述，HTML样式代码大全是指包含了各种常用的HTML样式代码的资源或文档，熟悉并掌握这些代码可以帮助我们实现各种吸引人的效果和动态效果，同时还可以通过一些特定的代码实现对表格和滚动条的控制。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值