Html 边界半径间隙
我将边框和边框半径添加到div中。在该div中有Html 边界半径间隙,html,css,Html,Css,我将边框和边框半径添加到div中。在该div中有::before,它继承了包装器中的边框半径,但不知何故边框显示错误。有明显的差距 .wrapper{ 宽度:500px; 高度:200px; 边框:10px纯黑; 边界半径:40px; 背景色:#ccc; 溢出:隐藏; 位置:相对位置; } .wrapper::之前{ 边框:2倍纯红; 盒影:0.02×rgba(1,117,255,0.9); 不透明度:1; 边界半径:继承; 内容:“; 位置:绝对位置; 排名:0; 右:0; 底部:0; 左:
::before
,它继承了包装器中的边框半径
,但不知何故边框显示错误。有明显的差距
.wrapper{
宽度:500px;
高度:200px;
边框:10px纯黑;
边界半径:40px;
背景色:#ccc;
溢出:隐藏;
位置:相对位置;
}
.wrapper::之前{
边框:2倍纯红;
盒影:0.02×rgba(1,117,255,0.9);
不透明度:1;
边界半径:继承;
内容:“;
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
}
对于当前布局,边界半径:30px代码>对于::在工作之前:
.wrapper{
宽度:500px;
高度:200px;
边框:10px纯黑;
边界半径:40px;
背景色:#ccc;
溢出:隐藏;
位置:相对位置;
}
.wrapper::之前{
边框:2倍纯红;
盒影:0.02×rgba(1,117,255,0.9);
边界半径:30px;
不透明度:1;
内容:“;
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
}
外半径应大于边框的厚度。这可能会有所帮助:我会使用框阴影作为内边框: