在CSS中,<td>
元素是指HTML表格中的单元格。这个元素有几种属性可以使用。下面是一些常用的属性值:
td { border: 1px solid black; /* 设置边框 */ padding: 10px; /* 设置单元格内边距 */ text-align: center; /* 设置文本居中 */ font-size: 16px; /* 设置字体大小 */ background-color: #f5f5f5; /* 设置背景颜色 */ color: #333; /* 设置字体颜色 */ }
这些属性可以单独使用来样式单个的单元格,也可以使用在表格全局的CSS选择器里。在样式中使用这些属性值可以实现更多的效果,例如:
/* 选择第一列的单元格 */ td:first-child { font-weight: bold; } /* 选择光标放在单元格上时的效果 */ td:hover { background-color: lightgrey; } /* 选择某个特定单元格 */ td:nth-child(3) { text-transform: uppercase; } /* 设置表格宽度为100% */ table { width: 100%; } /* 设置所有单元格的边界属性 */ td, th { border: 1px solid black; }
以上属性值只是在表格样式化中的一部分。在实际情况中,可以使用更多属性值来实现更多的效果。