HTML表格由行和列組成。使用 和標簽來展示表格數據時，可以使用CSS樣式來設置這些行和列的尺寸。在本文中，我們將學習如何使用CSS來設置HTML表格的行和列的尺寸。
設置表格行的高度
要設置表格行的高度，可以使用CSS的height屬性。例如，下面的CSS樣式將表格行的高度設置為30個像素：
pre{
display:block;
margin:0 0 10px;
padding:10px;
font-size:14px;
line-height:1.42857143;
color:#333;
word-break:break-all;
word-wrap:break-word;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px
}
tr {
height: 30px;
}
在上面的代碼中，
標簽用于展示樣式代碼。我們使用了CSS的"display"屬性來確保代碼被完整顯示。CSS的"margin"和"padding"屬性用于控制代碼區塊與其他元素之間的距離。
設置表格列的寬度
要設置表格列的寬度，可以使用CSS的"width"屬性。例如，下面的CSS樣式將第一列的寬度設置為150像素：
pre{
display:block;
margin:0 0 10px;
padding:10px;
font-size:14px;
line-height:1.42857143;
color:#333;
word-break:break-all;
word-wrap:break-word;
background-color:#f5f5f5;
border:1px solid #ccc;
border-radius:4px
}
td:first-child {
width: 150px;
}
在上面的代碼中，標簽同樣用于展示樣式代碼。我們使用了CSS的"first-child"選擇器來選中第一列的元素，并通過"width"屬性來設置它的寬度。
使用CSS來設置表格的行和列的高度和寬度非常簡單。這些CSS屬性可以用于創建漂亮的表格布局。與此同時，你也可以使用其它CSS屬性來優化表格樣式，使其在網頁中表現更好。