仅在表格外的 HTML 边框
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/34978243/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
HTML border only outside the table
提问by Alberto32
How can I put border only around of my external table? I don't need in every <tr>but just around. I tried to use css but in a Joomla article it is not easy. Thanks for help.
如何仅在外部表格周围放置边框？我不需要在每个<tr>但只是在周围。我尝试使用 css，但在 Joomla 文章中这并不容易。感谢帮助。
<table style="background-color: #ffffff; filter: alpha(opacity=40); opacity: 0.95;">
<tbody>
<tr>
<td>aasda</td>
<td>asfasf<a title="Ep. 1 Sono Reika"> </a></td>
<td width="60%">asfasfasfasf</td>
<td>blabla</td>
</tr>
<tr>
<td>saf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td width='"70%'>asf</td>
<td rowspan="9" width="30%">
<p>blabla</p>
<p>blalbalbalalb</p>
</td>
</tr>
<tr>
<td>asf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td>asf</td>
</tr>
<tr>
<td>asf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td width='"70%'>asf</td>
</tr>
</tbody>
</table>回答by Rémy Testa
You need to add the property border:1px solid redto your table
您需要将该属性添加border:1px solid red到您的表中
<table style="background-color: #ffffff; filter: alpha(opacity=40); opacity: 0.95;border:1px red solid;">
<tbody>
<tr>
<td>aasda</td>
<td>asfasf<a title="Ep. 1 Sono Reika"> </a></td>
<td width="60%">asfasfasfasf</td>
<td>blabla</td>
</tr>
<tr>
<td>saf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td width='"70%'>asf</td>
<td rowspan="9" width="30%">
<p>blabla</p>
<p>blalbalbalalb</p>
</td>
</tr>
<tr>
<td>asf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td>asf</td>
</tr>
<tr>
<td>asf</td>
<td><a title="Ep. 2 La grazia"> </a>asf</td>
<td width='"70%'>asf</td>
</tr>
</tbody>
</table>
<p></p>回答by u5675325
Table with border outside
带外边框的表
table {
border: 1px solid black;
border-collapse: collapse;
}<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Hymanson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>Table with border outside and in rows
带有外部和行中边框的表格
table, tr {
border: 1px solid black;
border-collapse: collapse;
}<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Hymanson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>Could go on and create for all cases but you get the point.
可以继续为所有情况创建，但你明白了。
In CSS we specify what we want to have border.
在 CSS 中，我们指定了我们想要的边框。
We can do apply it to zero or more of the following elements, depending on what we want the end result to look like
我们可以将其应用于以下零个或多个元素，具体取决于我们希望最终结果的样子
<table>(table)<tr>(table row)<td>(table data)<th>(table heading)
<table>（桌子）<tr>（表格行）<td>（表格数据）<th>（表格标题）
