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表格邊框

回答

相關問題