CSS 設定 <tr>
元素
在 HTML 表格中,<tr>
元素定義表格行。 CSS 可以用來設定 <tr>
元素的樣式,如背景色、邊框、對齊方式等。
使用 background-color
屬性可以設定 <tr>
元素的背景色。以下是一個例子:
tr { background-color: yellow; }
這將使所有的 <tr>
元素的背景色都變成黃色。
使用 border
屬性可以設定 <tr>
元素的邊框。以下是一個範例:
tr { border: 1px solid black; }
這將為所有的 <tr>
元素加上一個粗細為 1 像素、黑色實線的邊框。
使用 text-align
屬性可以設定 <tr>
元素的水平對齊方式。以下是一個例子:
tr { text-align: center; }
這將使所有的 <tr>
元素內容水平居中對齊。
使用 vertical-align
屬性可以設定 <tr>
元素的垂直對齊方式。以下是一個例子:
tr { vertical-align: middle; }
這將使所有的 <tr>
元素內容垂直居中對齊。
使用 color
屬性可以設定 <tr>
元素的字型顏色。以下是一個例子:
tr { color: blue; }
這將使所有的 <tr>
元素中的文字變成藍色。
使用 font-family
和 font-size
屬性可以設定 <tr>
元素中文字的字體和大小。以下是一個範例:
tr { font-family: Arial; font-size: 14px; }
這將使所有的 <tr>
元素中文字的字體為 Arial,字號為 14px。
使用 CSS 也可以設定 <tr>
元素的其他樣式,例如高度、行距等。以下是一些範例:
tr { height: 50px; /* 设置行高为 50 像素 */ line-height: 50px; /* 设置行距为 50 像素 */ padding: 10px; /* 设置内边距为 10 像素 */ }
以上就是 CSS 設定 <tr>
元素的一些常用樣式。在實際應用中,可以根據需要單獨設定每個 <tr>
元素或給所有的 <tr>
元素添加一個類別名稱後一起設定樣式。
以上是css怎麼設定tr的詳細內容。更多資訊請關注PHP中文網其他相關文章!