如何用css去除表格内、外边距和边框

html-css0242

如何用css去除表格内、外边距和边框,第1张

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<style>标签中，输入css代码：td {padding: 0}。

3、浏览器运行index.html页面，此时成功用css去除了表格的边框和边距。

你要做响应式的话最好不要内嵌样式，内嵌样式不利于适应手机端；你写样式的时候得分开手机端和PC端的样式。你上述样式有一个446px，在一些手机已经超屏了。表格的外边距你就直接给table margin：0px 5px就可以了。

table {border-spacing: 15pxborder-collapse: separate}

可以应用border-spacing属性设置到表中。border-collapse 默认值为separate，即每个td单元格都有独立的边框；collapse表示相邻单元格共用一个边框，此时 border-spacing 将不起作用，设置为collapse单元格间距将消失。