表格实现1px的边框
border-collapse 属性设置表格的边框是否被合并为一个单一的边框
- 取值
- separate:边框独立(默认值)
- collapse:相邻边框被合并 相邻的边框合并为单一的边框
table {
/* 边框独立 默认值 */
border-collapse: separate;
/* 边框合并 相邻的边框合并为单一的边框*/
border-collapse: collapse;
}
表格特性
1.未规定宽度的表格,单元格适应内容(单元格的宽高由内容撑开)
2.同一行的单元格,高度只会识别一个,取值最大
3.同一列的单元格,宽度只会识别一个,取值最大
4.表格可以包含任何html标签及表格
边框的颜色
1.table上的属性:
borderColor:改变边框的颜色
borderColor="#ffa500"
<table border="1" borderColor="#ffa500"></table>
2. 给table和th、td设置边框
注意:不能只设置边框的颜色
table {
border: 1px solid #ffa500;
}
/* 群组选择器 */
th,
td {
border: 1px solid #ffa500; */
}
表格的标题
表格的标题 ,紧跟table之后,只有在table里有效
<caption></caption>
居中于表格之上
默认水平居中
<table border="1" >
<!-- 表格的标题 -->
<caption>明星八卦群</caption>
</table>
<!-- 写在table外caption标签无效,不会被解析 -->
<caption>明星八卦群</caption>