在HTML中,<tr>
标签表示表格的一行。要在<tr>
标签周围放置边框,可以使用CSS样式。以下是一个简单的示例:
<!DOCTYPE html>
<html>
<head><style>
table {
border-collapse: collapse;
width: 50%;
}
tr {
border: 2px solid black;
}
td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
</style>
</head>
<body><table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>
</body>
</html>
在这个示例中,我们为<tr>
元素添加了一个2像素的实线边框,为<td>
元素添加了一个1像素的实线边框和10像素的内边距。border-collapse: collapse;
样式使表格的边框合并在一起,使其看起来更整洁。
请注意,这个答案不涉及任何云计算品牌商,只是提供了一个关于HTML和CSS的通用解决方案。
或 | 元素组成表格结构;其中: |
---|---|
元素定义表头, | 元素定义表格单元。
为了让表格更美观,我们会用到:border,colspan,rowspan,align,bgcolor 等来美化表格,具体在本文都有讲解; 02 网页设计基础知识汇总——超链接 |