CSS中的Tr(Table Row,表格行)和Td(Table Data,表格數據)是用于設計和格式化HTML表格的非常重要的元素。Tr是表格中的行,而Td是表格中的列。在表格中使用了Tr和Td,可以使得表格的排版和樣式更加靈活和美觀。
要控制Tr下所有Td的樣式,可以使用CSS選擇器。下面是一個簡單的CSS代碼示例,可以將表格中所有Td的字體顏色設置為紅色:
tr td { color: red; }
在這個示例中,我們使用了“tr td”選擇器,表示指定所有Td元素都要應用此樣式,而這些Td元素必須是在Tr元素下面的。如果想要只對某個特定的表格設置樣式,可以使用其對應的ID或類名來限定選擇器:
#my-table tr td { color: blue; } .table-style tr td { font-size: 16px; text-align: center; }
以上代碼示例分別針對ID為“my-table”的表格和類名為“table-style”的表格設置了不同的樣式。通過對Tr下所有Td的樣式進行控制,可以使得表格在頁面中呈現出更好的可讀性和美觀性。