在特定列中的html上创建边框

Question

如何仅在我期望的字段上添加边框，如下例所示，

＆＃13;

＆＃13;

<table width="500" border="1">
    <tr>
		<td>no border</td>
		<td>no border</td>
		<td>Just</td>
    </tr>
    <tr>
		<td>no border</td>
		<td>no border</td>
		<td>Border</td>
    </tr>
    <tr>
		<td>no border</td>
		<td>no border</td>
		<td>here 1 box</td>
    </tr>
</table>    

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以尝试将类添加到您想要的特定td。我还从border=1

中删除了<table border="1">

HTML：

<table width="200">
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="modified-td-top">Just</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="modified-td-middle">Border</td>
</tr>
<tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td class="modified-td-bottom">here</td>
</tr>
</table>

CSS：

table {border:0px;border-collapse: collapse;}

.modified-td-middle {
border-left:1px solid black;
border-right:1px solid black;
}

.modified-td-top {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
}

.modified-td-bottom {
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
}

Answer 2

这就是你的意思吗？

修改

<table width="200" style="border:1px solid black;">
    <tr style="border:none">
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>Just</td>
    </tr>
    <tr style="border:none">
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>Border</td>
    </tr>
    <tr style="border:none">
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>here</td>
    </tr>
</table>