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

html-css0335

如何用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单元格间距将消失。