如何自定义HTML表格边框？

如何解决如何自定义HTML表格边框？

| 我正在尝试创建一个表格，其中的边框会像登录框一样出现。

<table border=\"1\">
 <tr>
  <td>Username: </td>
  <td><input type=\"text\" name=\"username\" /></td>
 </tr>
 <tr>
  <td>Password: </td>
  <td><input type=\"password\" name=\"password\" /></td>
 </tr>
 <tr>
  <td><input type=\"submit\" value=\"Log In\" /></td>
 </tr>
</table> 

发生的情况是，即使表格单元格也有边框，边框也很烂。我想删除单元格边框。边框应该只包裹在桌子周围。我对此完全陌生。 提前致谢。     

解决方法

        使用CSS

<style type=\"text/css\">
.loginbox {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid
}
</style>

<table class=\"loginbox\">
 <tr>
  <td>Username: </td>
  <td><input type=\"text\" name=\"username\" /></td>
 </tr>
 <tr>
  <td>Password: </td>
  <td><input type=\"password\" name=\"password\" /></td>
 </tr>
 <tr>
  <td colspan=\"2\"><input type=\"submit\" value=\"Log In\" /></td>
 </tr>
</table>

仅供参考：我在您的最后一个added3ѭ中添加了

colspan=\"2\"

，以便使边界一直沿线移动。     ,        如果您使用以下CSS，

table {
    border: thin solid black;
}

只会在表格周围提供边框，您可以在http://jsfiddle.net/2CdwW/上看到它的jsfiddle     ,        使用CSS将边框放在桌子上：

<table style=\"border: 1px solid black\">
    <tr>
            <td>Username: </td>
            <td><input type=\"text\" name=\"username\" /></td>
    </tr>
    <tr>
            <td>Password: </td>
            <td><input type=\"password\" name=\"password\" /></td>
    </tr>
    <tr>
            <td colspan=\"2\"><input type=\"submit\" value=\"Log In\" /></td>
    </tr>
</table>