边框样式

线的粗细,实线,线的颜色
给表格加边框线

table{
    border:1px solid red;

}

2023-07-29T04:34:22.png

给表格和单元格加边框线

table,td{
    border:1px solid red;

}

2023-07-29T04:48:55.png

折叠边框

table{
    border-collapse:collapse;
}

2023-07-29T04:36:29.png

表格高度宽度

table{
    height:500px;
    width:500px;
}

2023-07-29T04:38:31.png

文字水平居中对齐

td{
    text-align: center;

}

2023-07-29T04:39:32.png

文字垂直居上,水平居中对齐

td{
    text-align: center;
    vertical-align: top;

}

2023-07-29T04:41:44.png

文字垂直居中,水平居中对齐

td{
    text-align: center;
    vertical-align: center;
}

2023-07-29T04:43:11.png

文字垂直居下,水平居中对齐

td{
    text-align: center;
    vertical-align: bottom;

}

2023-07-29T04:45:03.png

表格填充

文字与每个边框距离为20px,可以不用设置表格宽高

td{
    padding: 20px;
}

2023-07-29T04:53:02.png

单元格背景颜色

td{
    background-color:aqua;
}

2023-07-29T04:55:40.png

单元格文字颜色

td{
    color:green;
}

2023-07-29T04:56:57.png