html5上下边界出现空隙，html上下边框

HTML5中Table如何消除边框(TD)间距?

table border=0 cellpadding=0 cellspacing=0 /table在表头里加上我写的那三句话就可以了。但是你要注意一点，当border=0的时候，你表格是没有边框的。看起来会很不爽。这时，就要求你学会变通了。我是这样做的：把表的背景色设置成红色，之后把每个td的背景色设置成白色。

html中两个表格间的距离调整有两种适合微调的办法：设置第一个tbale的margin-bottom属性。例如：table width=100% style=margin-bottom：100px表示table表格底部保持100px间距。设置第二个tbale的margin-top属性。

设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。

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

html中去掉表格边框线可以将boder属性设置成0px solid即可。如下图所示：border 简写属性在一个声明设置所有的边框属性。为边框指定宽度有两种方法：可以指定长度值，比如 2px 或 0.1em(单位为 px， pt， cm， em 等)，或者使用 3 个关键字之一，它们分别是 thick 、medium（默认值） 和 thin。

例如，下面的CSS代码将设置单元格间距为10像素：```table{ border-spacing：10px；} ```如果您想要设置水平和垂直间距的不同值，可以使用border-spacing的两个值，第一个值用于设置水平间距，第二个值用于设置垂直间距。

相关问答

Q1: 如何用CSS来保持图片没有间隙?

1、您可以使用CSS来取消HTML页面中图片之间的间隙。有几种方法可以做到这一点，其中一种是使用margin-left或margin-right属性来调整图片之间的间距，这两个属性分别可以设置元素的左右外边距，只需要给图片元素img添加“margin-left：值；”或“margin-right：值；”样式即可。

2、用vertical-align：middle | top| bottom等，让图片不和基线对齐。上面3中对齐方式都可以 vertical-align不影响块级元素中的内容对齐，它只针对于行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐。将img通过display： block；转为块级元素。

3、如何使用css在div中只将图片居中？1。打开一个在线写前端代码的网站，比如jsrun或者jsfiddle。目标是制作一张不同大小的图片，效果如图。每个框的html如下，img src=图片地址/img css如下，其中需要注意的是，不设置最外层div的大小，只设置span的大小，让span的大小决定div的大小。

4、将图片的diplay设置为block，然后通过margin属性设置边距。CSS margin 属性 定义和用法 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明 这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

Q2: html里有四个图片怎么让他并排显示每个之间有一定的空隙

1、是用表格元素，对每张图片进行定位。tabletr tdimg src=picjpg border=0/td tdimg src=picjpg border=0/td /tr/table 使用有序列表li/li列表，通过自定义样式实现多元素同行显示。

2、行内块：即将每个盒子的display变成inline-block，他们之间会默认有一定距离，其距离大小是一个字体大小的距离 浮动：使用float：left | right，可将三个盒子并列一排，中间有空闲，可在每个盒子加一个左外边距或者右外边距。

3、img src=这里写URL width=XX height=XX border=0 alt=xx title=XX /不知道是不是border后面你写成了1，0表示没有边框，1表示有。

4、img src=images/png /div 这个是浏览器的一个设计问题。img本来是行内元素，却可以用width 和height，当父元素没有设置高度的时候，用子元素们的高度计算出的高度给父元素的时候就会出现3px空隙这类的问题。img图片默认排版为 inline-block；而所有的inline-block元素之间都会有空白。

5、HTML中有缝隙出现的原因有很多：表格：有表格空间，因此在不需要它们之间有缝隙的时候最好加上一句{border-spacing： 0；}；浏览器自带的外边距、内边距。

html5上下边界出现空隙的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html上下边框、html5上下边界出现空隙的信息别忘了在本站进行查找喔。