股票为什么跌

当前位置:股票配资 > 网页设计 > HTML/CSS > 正文  |  快速导航:Dreamweaver FontPage HTML/CSS XML/XHTML SharePoint 制作技巧
  • table(表格)的边框颜色样式

  • 字号:[ ]2012-5-16 17:46:21  阅读:4190次  来源:乐猪网  编辑:银河精灵  收藏
  • 摘要:表格边框颜色的实现方法有好几种,一般的人为了偷懒,习惯性给table设置一个背景颜色,然后再通过cellspacing="1"来实现。
  •       表格边框颜色的实现方法有好几种,一般的人为了偷懒,习惯性给table设置一个背景颜色,然后再通过cellspacing="1"来实现。其实这种方法是不规范的,而且在某些程序功能的扩展会问题,比例说把表格使用Excel.Application导出Excel的话,那么就会变成黑色了。

    以下是引用片段:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

    transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>表格边框颜色</title>
    </head>
    <body><style type="text/css">
    <!--
    .ook{ border-collapse:collapse; }
    .ok {
     border: 1px solid #FF9900;
    }
    -->
    </style>
    <table width="500" height="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#dbe4cd" class="ook">
      <tr bgcolor="#FFFFFF">
        <td>只博采纳。</td>
        <td class="ok">只博采纳。</td>
      </tr>
      <tr>
        <td class="ok">只博采纳。</td>
        <td class="ok">只博采纳。</td>
      </tr>
      <tr>
        <td class="ok">只博采纳。</td>
        <td class="ok">只博采纳。</td>
      </tr>
      <tr>
        <td class="ok">只博采纳。</td>
        <td class="ok">只博采纳。</td>
      </tr>  
    </table>
    </body>
    </html>

    * table一个背景颜色,加上tr/tb的背景颜色,border:1px,构成表格边框。如果*{border:0px;}则不会显示边框。

    超烦人了……

    <caption></caption>标题   但是这个要和table配合使用。

    border-collapse:collapse; 连线重合隐藏,必须放在table 中,如果写上这个代码,间距就算是100,预览也不会有显示;如果不写,边框就会成双倍,(table的边框 + tb的边框),tr 不会显示边框线。

    table,tr,td  都可以单独加样式,设边框颜色和 div一样。在没有写border-collapse:collapse;时,tr边框线不会显示。

  • 顶一下
    (0)
    0%
    踩一下
    (0)
    0%
乐猪网 版权所有 Copyright © 2012-2015 tghxpu.wang All rights reserved.
本站用于学习交流,部分文章来源于网络,如果不慎侵犯了您的权益,请联系我们删除!
粤ICP备12000837号

股票为什么跌