css3两个边框重叠，css边框重叠后只显示一条线

网页布局divcss中如何把相邻的边框重叠在一起?如何更改?如下图所示...

1、可以通过设置一下边框宽度来解决不能重合的问题。

2、MARGIN是指层的边框以外留的空白，用于页边距或者与其它层制造一个间距。

3、首先，打开vscode并创建一个html页面，如下图所示。其次，完成上述步骤后，在测试页的同一目录中添加演示图片，如下图所示。

相关问答

Q1: CSS中的边框重叠和边框独立?

1、border-collapse ： separate(默认) | collapse | inherit separate ： 边框独立 效果图：collapse ： 相邻边被合并 效果图：inherit：规定应当从父元素持续 border-collapse 属性的值。

2、上图中CSS并没有指定边框是多宽的，建议也指定定义好的宽度数值，再计算一下整体宽度是多少，这样应该就可以将边框重合了。如果还不能重合，建议将完整代码截图发来。

3、我估计你的div 没有高度，或者是行类元素display： inline；影响。又或者，里面没内容。才让上下边框合在一起了。

4、边框值设置的是1px，margin-left：-1，向左移动1px就可以了。如果盒子都没有加定位，可以鼠标悬浮时，给盒子加上相对定位relative属性。因为相对定位的盒子会压住普通盒子，位置没有设置偏移量的话就不会动。

5、CSS表格样式可以让我们更好地控制表格的样式和布局。在这篇文章中，我们将介绍如何设置表格边框、单元格间距等。设置表格边框 要设置表格边框，我们可以使用CSS的border属性。

6、在css样式表中边框线的设置中四面边框只能一次性设置。

Q2: css3点击图片下面的边框会从左到右慢慢出现

定义图片为绝对布局，在body宽高范围内使用函数让他宽度和高度持续增加。

这是因为右边的图片边框压住了左边的图片边框。边框值设置的是1px，margin-left：-1，向左移动1px就可以了。如果盒子都没有加定位，可以鼠标悬浮时，给盒子加上相对定位relative属性。

rect()和top和bottom指定偏移量是从元素盒子顶部边缘算起；left和right指定的偏移量是从元素盒子左边边缘算起(包括边框)。

和“css”之间有一个空格。 在做手机轮播图时，banner图的宽度是手机屏幕的宽度，轮播图加了左右切换按钮，按钮的position：absolute；定位的元素，定位的元素超出父容器时(超出了100%)，会出现滚动条。 在移动端有3种布局可选。

主要使用CSS3属性border-radius属性定义圆角效果。

css，“”和“css”之间有一个空格。 在做手机轮播图时，banner图的宽度是手机屏幕的宽度，轮播图加了左右切换按钮，按钮的position：absolute；定位的元素，定位的元素超出父容器时(超出了100%)，会出现滚动条。

Q3: CSS布局相关——盒模型和浮动

1、css盒子模型是CSS控制页面布局的一个非常重要的概念，是网页设计中常听的属性名。内容、内边距、边框、外边距，CSS盒子模型都具备这些属性。这些属性可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。

2、css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。

3、网页布局的核心本质： 就是利用 CSS 摆盒子 。所谓 盒子模型 ：就是把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

4、CSS盒子模型是用于布局和定位网页元素的基本概念。它描述了一个元素在网页中的尺寸、边框、内边距和外边距之间的关系。每个HTML元素都可以被看作是一个矩形的盒子，其中包含内容、内边距、边框和外边距。

Q4: 不等长列表边框border的问题

首先，如同楼上，都给出了例子，利用margin：-1 的效果来抵消边框，不过这样好像颜色会叠加，变深。当然也可以实现你想要的效果。再次，可以利用css3 nth-of-type()选择器。

边框样式border-style必须写！否则其它属性全部失效。边框的样式：border后面可跟多个值，中间用空格分离，含义如下：注意顺序， 边框样式不可省略 ，颜色和宽度可以省略，会显示默认的效果。

el-tableborder不生效只有外边框解决办法如下。固定了表格的高度height=250把高度去掉。可加上border=true。打开控制台，发现css有这个属性.el-table--borderborder-right：none。

border属性 ：在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。

不显示边框，直接把边框border的值设为0就可以，表格的默认格式是双线，如果需要单线表格，一般还会设置cellpadding和cellspacing的值都为0。知识拓展：cellpadding： 从其名称看，此属性与padding类似。

css3两个边框重叠的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css边框重叠后只显示一条线、css3两个边框重叠的信息别忘了在本站进行查找喔。