删除特定td的底部边框

时间：2017-05-24 11:08:03

标签： html

我有一张类似enter image description here的表格       您可以在课程列下看到Operation Research下面的边框。我希望删除该边框，但我写的代码不起作用，我该怎么办？

    <html>
    	<body>
    		<table width="100%" border="1" rules="cols" style="border-collapse : collapse;">
    			<tr>
    				<td align="center" width="54%" style="border : solid thin;">Courses</td>
    				<td align="center" width="23%" style="border : solid thin;">CGPA</td>
    				<td align="center" width="23%" style="border : solid thin;">Credit</td>
    			</tr>
    			<tr>
    				<td>English Language Course</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Additional Language Course<br>&nbsp;French</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Foundation Course</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Core Course<br>Physics<br>&nbsp;Physics</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Complementary Course(s) <br>&nbsp;Mathematics <br>&nbsp;Chemsitry </td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td style="border-bottom : none;">Open Course <br>&nbsp;Operations Research</td>
    				<td align="center" style="border-bottom : solid thin;">8.1</td>
    				<td align="center" style="border-bottom : solid thin;">19</td>
    			</tr>
    			<tr height="35px">
    				<td></td>
    				<td align="center" colspan="2">Semester wise SCPA</td>
    			</tr>			
    		</table>
    		<table width="100%">
    			<tr>
    				
    			</tr>			
    		</table>
    	</body>
    </html>

2 个答案:

答案 0 :(得分：1)

由于它是表格的边框，你必须删除它。

使用以下代码

＆＃13;
＆＃13; 
<html>
    	<body>
    		<table width="100%" border="1" rules="cols" style="border : none;">
    			<tr>
    				<td align="center" width="54%" style="border : solid thin;">Courses</td>
    				<td align="center" width="23%" style="border : solid thin;">CGPA</td>
    				<td align="center" width="23%" style="border : solid thin;">Credit</td>
    			</tr>
    			<tr>
    				<td>English Language Course</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Additional Language Course<br>&nbsp;French</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Foundation Course</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Core Course<br>Physics<br>&nbsp;Physics</td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td>Complementary Course(s) <br>&nbsp;Mathematics <br>&nbsp;Chemsitry </td>
    				<td align="center">8.1</td>
    				<td align="center">19</td>
    			</tr>
    			<tr>
    				<td style="border-bottom : none;">Open Course <br>&nbsp;Operations Research</td>
    				<td align="center" style="border-bottom : solid thin;">8.1</td>
    				<td align="center" style="border-bottom : solid thin;">19</td>
    			</tr>
    			<tr height="35px">
    				<td></td>
    				<td align="center" colspan="2" style="border : solid thin;">Semester wise SCPA</td>
    			</tr>			
    		</table>
    		<table width="100%">
    			<tr>
    				
    			</tr>			
    		</table>
    	</body>
    </html>
＆＃13;
＆＃13;
＆＃13;

答案 1 :(得分：1)

如果您的意思是border-bottom的{​​{1}}，那么只需将其设置为main table，如下所示，

＆＃13;
＆＃13; 
border-bottom:none;
＆＃13;
＆＃13;
＆＃13;

相关问题
最新问题