zoukankan      html  css  js  c++  java
  • 用CSS改变表格边框样式,很实用的一种方法。[转]

    用CSS改变表格边框样式,很实用的一种方法。

    制作方法:
    将下面的代码复制到<body>~</body>里,此为隐藏下边框
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-bottom- 0" bordercolor="#111111" width="90">
    <tr align="center">
    <td style="border-bottom-style: none; border-bottom- medium" height="25">隐藏下边</td>
    </tr>
    </table>

    将下面的代码复制到<body>~</body>里,此为隐藏上边框
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-top- 0" bordercolor="#111111" width="90">
    <tr align="center">
    <td height="25" style="border-top-style: none; border-top- medium">隐藏上边框</td>
    </tr>
    </table>

    将下面的代码复制到<body>~</body>里,此为隐藏左边框
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-left- 0" bordercolor="#111111" width="90">
    <tr align="center">
    <td style="border-left-style: none; border-left- medium" height="25">隐藏左边框
    </td>
    </tr>
    </table>

    将下面的代码复制到<body>~</body>里,此为隐藏右边框
    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-right- 0" bordercolor="#111111" width="90">
    <tr align="center">
    <td style="border-right-style: none; border-right- medium" height="25">隐藏右边框
    </td>
    </tr>
    </table>

  • 相关阅读:
    html标签嵌套规则
    关于setTimeout和Promise执行顺序问题
    vue基础
    new操作符具体干了什么
    ["1", "2", "3"].map(parseInt)
    线性表
    树的一些概念和性质
    A*与IDA*
    树上启发式合并
    启发式合并
  • 原文地址:https://www.cnblogs.com/cnaspnet/p/1255719.html
Copyright © 2011-2022 走看看