CSS控制表格边框(属性)以及实现细线表格

最新推荐文章于 2024-06-21 09:13:54 发布

杏黄的三叶草

最新推荐文章于 2024-06-21 09:13:54 发布

阅读量2.5k

点赞数

分类专栏： Web前端CSS

本文链接：https://blog.csdn.net/dwjdj/article/details/104061041

版权

本文介绍了如何使用CSS来控制表格的边框，包括边框样式、宽度和高度的设置。同时，文章强调了在CSS中单元格的margin属性不生效，推荐使用padding或cellpadding来调整内容与边框的距离，以及通过cellspacing属性设置相邻单元格边框间距。此外，当同一行或列的单元格尺寸不一致时，将采用最大尺寸。

摘要由CSDN通过智能技术生成

CSS控制表格边框

可以为表格标签定义宽，高和边框样式，并为单元格单独设置相应的边框。如果只设置<table>样式，则只显示外边框的样式，内部不显示边框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签table的使用</title>
    <style type="text/css">
        table{
   
            width: 200px;
            height: 200px;
            /*background-color: red;*/
            border: 2px solid red;
        }
    </style>
</head>
<body>
<table>
    <caption>人员表</caption>
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>