table中边框线border的问题

html中直接使用border如下图所示,双边框

<table  border="1px solid #ccc" >
		<tr>
			<td>用户id</td>
			<td>用户名</td>
			<td>密码</td>
		</tr>
		<tr>
			<td>1</td>
			<td>a</td>
			<td>a</td>
		</tr>
	</table>

效果如下,双边框,不好
在这里插入图片描述

给html中的border加属性

<table  border="1px solid #ccc" cellspacing="0" cellpadding="0">
		<tr>
			<td>用户id</td>
			<td>用户名</td>
			<td>密码</td>
		</tr>
		<tr>
			<td>1</td>
			<td>a</td>
			<td>a</td>
		</tr>
	</table>

效果如下:
在这里插入图片描述
是想要的形式。

发布了86 篇原创文章 · 获赞 5 · 访问量 8926

猜你喜欢

转载自blog.csdn.net/qq_35367566/article/details/102620008