css怎麼設定tr

CSS 設定 <tr> 元素

在 HTML 表格中，<tr> 元素定義表格行。 CSS 可以用來設定 <tr> 元素的樣式，如背景色、邊框、對齊方式等。

1. 設定背景色

使用 background-color 屬性可以設定 <tr> 元素的背景色。以下是一個例子：

tr {
  background-color: yellow;
}

這將使所有的 <tr> 元素的背景色都變成黃色。

2. 設定邊框

使用 border 屬性可以設定 <tr> 元素的邊框。以下是一個範例：

tr {
  border: 1px solid black;
}

這將為所有的 <tr> 元素加上一個粗細為 1 像素、黑色實線的邊框。

3. 設定對齊方式

使用 text-align 屬性可以設定 <tr> 元素的水平對齊方式。以下是一個例子：

tr {
  text-align: center;
}

這將使所有的 <tr> 元素內容水平居中對齊。

使用 vertical-align 屬性可以設定 <tr> 元素的垂直對齊方式。以下是一個例子：

tr {
  vertical-align: middle;
}

這將使所有的 <tr> 元素內容垂直居中對齊。

4. 設定字型樣式和顏色

使用 color 屬性可以設定 <tr> 元素的字型顏色。以下是一個例子：

tr {
  color: blue;
}

這將使所有的 <tr> 元素中的文字變成藍色。

使用 font-family 和 font-size 屬性可以設定 <tr> 元素中文字的字體和大小。以下是一個範例：

tr {
  font-family: Arial;
  font-size: 14px;
}

這將使所有的 <tr> 元素中文字的字體為 Arial，字號為 14px。

5. 設定其他樣式

使用 CSS 也可以設定 <tr> 元素的其他樣式，例如高度、行距等。以下是一些範例：

tr {
  height: 50px; /* 设置行高为 50 像素 */
  line-height: 50px; /* 设置行距为 50 像素 */
  padding: 10px;  /* 设置内边距为 10 像素 */
}

以上就是 CSS 設定 <tr> 元素的一些常用樣式。在實際應用中，可以根據需要單獨設定每個 <tr> 元素或給所有的 <tr> 元素添加一個類別名稱後一起設定樣式。

以上是css怎麼設定tr的詳細內容。更多資訊請關注PHP中文網其他相關文章！