CSS基础：table的4个标签的样式详解（6000字长文！附案例）
在CSS中，<table>元素由4个主要的标签组成：<table>, <th>, <tr>, <td>。下面我们将详细解释它们各自的作用和样式设置方法。
<table>: 定义表格的开始。可以设置表格的宽度、边框、背景等。
table {
width: 100%;
border-collapse: collapse;
background-color: #f2f2f2;
}<th>: 表头单元格。通常表示列的标题。文本自动以粗体显示。
th {
padding: 15px;
text-align: left;
background-color: #4CAF50;
color: white;
}<tr>: 表格的一行。可以设置行的高度、边框、背景等。
tr {
height: 50px;
border: 1px solid #ddd;
}<td>: 表格的单元。可以设置单元格的内边距、边框、背景等。
td {
padding: 15px;
text-align: left;
border: 1px solid #ddd;
}以上代码示例展示了如何为<table>、<th>、<tr>和<td>设置样式。在实际应用中，你可以根据需要添加更多的CSS样式来进一步美化你的表格。
评论已关闭