html表格边框没有显示在网络上

时间:2016-02-06 18:09:44

标签: html css html-table

我无法在桌子上找到边框。这是表格的html,它显示在Dreamweaver中有边框但在实际网页上没有。我在页面上还有其他表格,并且不希望它们只有这个边框。



<table style="width: 100%;" border="1" bordercolor="#000000">
        <tr>
          <td colspan="2" align="center" valign="middle">Please comeplete form</td>
          </tr>
        <tr>
          <td width="50%">Event Name:</td>
          <td>
            <input type="text" name="name" id="name"></td>
        </tr>
        <tr>
          <td>Date (YYYY-MM-DD):</td>
          <td>
            <textarea name="date" id="date"></textarea></td>
        </tr>
        <tr>
          <td>Link to page:</td>
          <td>
            <input type="text" name="link" id="link"></td>
        </tr>
        <tr>
          <td>Status:</td>
          <td>
            <input type="text" name="status" id="status"></td>
        </tr>
        <tr>
          <td colspan="2" align="center" valign="middle"><input type="submit" name="submit" id="submit" value="Submit"></td>
        </tr>
      </table>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:3)

您可以添加CSS以使其达到标准

类似的东西:

table.mytable{
   border: 1px solid #000000;
}

然后在表中添加class="mytable"属性

答案 1 :(得分:0)

您最初可以将其样式设置为:

table,td,th {
  border-collapse:collapse;
  border: 1px solid #000000;
}

通过这种方式,您可以将其添加为类。