CSS中可以通过两个边框粘连的方法来实现更加美观的边框效果。下面我们将介绍这两种常见的方法。 第一种方法是使用两个元素来实现两个边框的效果。代码如下: .p-border1 { position: r
.p-border1 { position: relative; border: 1px solid #ccc; padding: 10px; } .p-border1::before { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 1px solid #ccc; }
.p-border2 { border: 1px solid #ccc; padding: 10px; box-shadow: inset 0 0 0 1px #ccc, 0 0 0 1px #ccc; }
粉丝
0
关注
0
收藏
0