The overlapping border of the WeChat applet becomes wider

The overlapping border of the WeChat applet becomes wider

CSS solves the problem of vertically arranged borders superimposed and thickened

insert image description here

Solution:
Add margin-left:-mpx; (m indicates the size of the border) to both the first and second boxes, so that the two borders overlap and will not appear to have a bold effect.

border-width: 3rpx;
margin-top: -1rpx;

insert image description here
That's it.

Guess you like

Origin blog.csdn.net/TC_DESpipi/article/details/127129482