• 技术文章 >web前端 >前端问答

    css表格边框怎么设置

    藏色散人藏色散人2021-06-08 11:13:55原创77

    css表格边框的设置方法:1、通过“table{border:1px solid skyblue;}”设置外边框;2、通过“td{border:1px solid skyblue;}”设置单元格边框。

    本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑

    可以用border:1px solid skyblue;

    1px是边框像素,solid代表边框为实边,skyblue是边框颜色,如果直接设置table的话,只是外边框而已,如:

    <table>
        <tr>
            <td>11111</td>
            <td>111111</td>
        </tr>
        <tr>
            <td>11111</td>
            <td>111111</td>
        </tr>
    </table>

    css:

    table{border:1px solid skyblue;}

    效果图:

    696f565a2a428d4d9ca91d39da0521e.png

    设置单元格边框的话,可以使其每个单元格都有边框,如:

    td{border:1px solid skyblue;}

    效果图:

    7d5bd495a0dedb0088ea32ecda47574.png

    设置单元格间距为0的样式为:

    table{border-collapse:collapse;}
    td{border:1px solid skyblue;}

    效果图:

    bd60df245c7b7c1667a4bde5b6a6915.png

    推荐学习:《css视频教程

    以上就是css表格边框怎么设置的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:html5中文乱码怎么办 下一篇:css怎么设置图片拉伸不重复
    第16期线上培训班

    相关文章推荐

    • css中内边框是什么• html5/css3增加了哪些伪类• 利用CSS绘制三角形的6种技巧(分享)• css中怎么将div设置为居中• css实现三角的原理

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网