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>



  • 相关阅读:
    20172302 201720182 《程序设计与数据结构》实验二报告
    20172302 201720182 《程序设计与数据结构》实验一报告
    20172302 《程序设计与数据结构》第五周学习总结
    POJ 1061 青蛙的约会
    hdu 2485 Highways
    UVA 10608
    hdu 1213 how many tables
    java类static成员加载顺寻
    C# virtual,override或者new
    vs无法在WEB服务器上启动调试
  • 原文地址:https://www.cnblogs.com/xinlei/p/1763387.html
Copyright © 2011-2022 走看看