【坑】设置HTML表格中的单元格之间没有距离

Web前端 专栏收录该内容
94 篇文章 0 订阅
<style type="text/css">


tr {
	background-color:red;
}

</style>
</head>

<body>
<table>
	<tr>
    	<td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
    	<td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
    	<td>7</td>
        <td>8</td>
        <td>9</td>
    </tr>
</table>
</body>

这样显示的效果是:

如果我想要单元格紧挨着应该怎么做呢?margin和padding都没哟用的

应该在CSS中加入

table {
	border-collapse:collapse;
	border-spacing:0;
}
就可以了

  • 0
    点赞
  • 0
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 黑客帝国 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值