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">
如果这很重要?
尝试将border:none
放入样式属性中。它会覆盖你的css文件的CSS属性。 <table style="border:none;">
虽然这应该是在样式表中使用选择器,而不是内联。 – 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>
这没有奏效,仍然显示边框。我用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:
我无法理解以及你需要这两个表格都需要无边框?或者需要边框而其他不需要? – krish 2012-08-09 06:49:53
一个需要边框和一个不是 – 2012-08-09 09:16:34
把个人ID或班级的所有表,然后设置'border' – anglimasS 2012-08-09 07:01:09