Question

我有一张类似的表格您可以在课程列下看到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>

Answer 1

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

使用以下代码

＆＃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;

Answer 2

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

＆＃13;

border-bottom:none;

＆＃13;

删除特定td的底部边框

2 个答案: