css/html表格边框

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

#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">如果这很重要？

来源

2012-08-09 Glen Morse

我无法理解以及你需要这两个表格都需要无边框？或者需要边框而其他不需要？ – krish 2012-08-09 06:49:53

一个需要边框和一个不是 – 2012-08-09 09:16:34

把个人ID或班级的所有表，然后设置'border' – anglimasS 2012-08-09 07:01:09

尝试将border:none放入样式属性中。它会覆盖你的css文件的CSS属性。 <table style="border:none;">

来源

2012-08-09 06:38:41

虽然这应该是在样式表中使用选择器，而不是内联。 – Gup3rSuR4c 2012-08-09 06:40:31

它确实工作，希望看到这在css中完成。如果我没有得到另一个关于如何在CSS中执行此操作的问题，则表示不同意。谢谢。 – 2012-08-09 06:47:42

CSS：

.no-border { 
    border:none; 
}

HTML：

<table class="no-border"></table>

来源

2012-08-09 06:49:14

这没有奏效，仍然显示边框。我用html第一种方式去了 – 2012-08-09 07:59:56

可以做到这一点使用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>

JSFILLDE：

http://jsfiddle.net/54EyB/

来源

2012-08-09 09:53:00 krish

css/html表格边框

回答

相关问题