zoukankan      html  css  js  c++  java
  • 用CSS设置Table的细边框的最好用的方法

    今天同事向我问了一个问题,他要设置table的边框,说实话,我也很少弄过table的边框。

    通过差一些资料http://blog.sina.com.cn/s/blog_565812e60100czbn.html

    我发现设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border:solid#000 1px;}是一个非常不错的方法。

    示例:

    <!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=UTF-8" />
        <title>导航页档</title>
        <style type="text/css">
            table
            {
                border-collapse: collapse;
                border: none;
                200px;
            }
            td
            {
                border: solid #000 1px;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    军事
                </td>
                <td>
                    历史
                </td>
                <td>
                    新闻
                </td>
            </tr>
            <tr>
                <td>
                    军事
                </td>
                <td>
                    历史
                </td>
                <td>
                    新闻
                </td>
            </tr>
        </table>
    </body>
    </html>



  • 相关阅读:
    深度图像的获取原理
    第二章 排序 || 第19节 最短子数组练习题
    第二章 排序 || 第18节 有序矩阵查找练习题
    tensorflow 之tf.nn.depthwise_conv2d and separable_conv2d实现及原理
    tensorflow 之常见模块conv,bn...实现
    机器学习中的训练数据不平衡问题
    一些智力题
    Pytoch 抽取中间层特征方法
    娱乐一下
    java访问ad域
  • 原文地址:https://www.cnblogs.com/xinlei/p/1763387.html
Copyright © 2011-2022 走看看