CSS 表格table

目录

  表格边框

  折叠边框

  表格宽度和高度

  表格文字对齐

  表格填充

  表格颜色

表格边框

指定CSS表格边框,使用border属性。

实例:指定表格边框

table, th, td {
      border: 1px solid black;
}

折叠边框

border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

例如:

table {
		border-collapse: collapse;
	}
table, th, td {
	border: 1px solid black;
} 

表格宽度和高度

width和height属性定义表格的宽度和高度。

table {
	border-collapse: collapse;
	width: 50%;
	border: 1px solid black;
}
th, td {
	height: 50px;
	border: 1px solid black;
}

表格文字对齐

表格中的文本对齐和垂直对齐属性

例如:

th, td {
   text-align: center;
}

表格填充

如需控制边框和表格内容之间的距离,应使用td和th元素的填充属性。

例如:

th,td {
    padding: 10px;
}

表格颜色

指定表格边框、th和td元素的文本和背景颜色。

例如:

th {
    background-color:green;
    color:white;
}

  

posted @ 2022-02-16 15:19  zhuang6  阅读(120)  评论(0编辑  收藏  举报