通过css润色html表格

body>
    h1>创建一个3*3的表格h1>
    table>
        tr>
            
            th>表头1th>
            th>表头2th>
            th>表头3th>
            th>表头4th>
    
        tr>
        tr>
            td>序号td>
            td>姓名td>
            td>性别td>
            td>年龄td>
        tr>
        tr>
            td>1td>
            td>小明td>
            td>男td>
            td>10td>
        tr>
        tr>
            td>2td>
            td>小红td>
            td>女td>
            td>20td>
        tr>
    table>
body>

/* css注释（注释内容和注释符号之间最好用空格隔开 */
            table{
            /* 设置单元格边框合并 */
            border-collapse: collapse;
            /* 为表格设置宽度 */
            width: 70%;
            /* 为表格设置背景颜色 */
            background: green;
            /* 设置表格左右外边距始终相等，表格就会水平方向上居中显示 */
            margin-left:auto;
            margin-right:auto;    
            }
            td,th{/* 选中当前网页中的所有td和th元素 */
            /* 为单元格设置边框（宽度，样式，边框颜色 */
            border:2px solid red;
            /* 设置单元格边框与内容之间的距离 */
            padding:25px;
            }
            h1{
            border:2px solid blue;
            /* 设置元素内容在水平方向上居中 */
            text-align:center;
            }
        

border-collapse: collapse;   是设置单元格边框合并