0

我想在我的 css 中制作表格的选项。一个边框为 5px 纯黑色，一个边框为 0px。目前在 CSS 我有

#contentcolumn table {
border: 5px solid black;
width: 100%;/*around 700 max for images*/
border-collapse: collapse;
}

这给了我黑色 5px 边框，但现在我还需要一个做 0px 边框的边框。我曾尝试在 html 中设置 0px 表，但 css 似乎超过了它。这是两个表的 html。

<table>
        <tr>
            <td align="center"><IMG SRC="images/newsimage/minecraft1.jpg" ALT="mindcraft">
            </td>
        </tr>
        <tr>
            <td>Is minecraft still considered an indie game? blah blah blha lbhalbhal
            </td>
        </tr>
        </table>


        <!-- Reviews start -->
        <!-- Review #1 -->
        <table Border='0'>
        <tr>
          <th rowspan="4" width="30%">Some Image</th>
          <td>Link</td>
        </tr>
        <tr>
          <td>By who</td>
        </tr>
        <tr>
          <td>Some info</td>
        </tr>
        <tr>
          <td>comments</td>
        </tr>
        </table>

如果这很重要，这两个表都在 div 标签内<div id="contentcolumn">？

4

3 回答 3

2

尝试赋予border:none样式属性。它将覆盖您在 css 文件中的 css 属性。<table style="border:none;">

于 2012-08-09T06:38:41.023 回答
1

CSS：

.no-border {
   border:none;
}

HTML：

<table class="no-border"></table>
于 2012-08-09T06:49:14.840 回答
0

您可以使用 css 本身完成此操作。通过使用下面的 css 样式

#contentcolumn #review_table{border:0px}

并在您的表格中添加一个 ID，如下所示

<div id="contentcolumn">
<table>
    <tr>
        <td align="center"><IMG SRC="images/newsimage/minecraft1.jpg" ALT="mindcraft">
        </td>
    </tr>
    <tr>
        <td>Is minecraft still considered an indie game? blah blah blha lbhalbhal
        </td>
    </tr>
    </table>


    <!-- Reviews start -->
    <!-- Review #1 -->
    <table Border='0' id="review_table"> //CHANGE: ADD THE ID TO THIS TABLE
    <tr>
      <th rowspan="4" width="30%">Some Image</th>
      <td>Link</td>
    </tr>
    <tr>
      <td>By who</td>
    </tr>
    <tr>
      <td>Some info</td>
    </tr>
    <tr>
      <td>comments</td>
    </tr>
</table>
</div>

​</p>

JSFILLDE：

http://jsfiddle.net/54EyB/

于 2012-08-09T09:53:00.520 回答