Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 边界半径间隙_Html_Css - Fatal编程技术网

Html 边界半径间隙

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; 左:

我将边框和边框半径添加到div中。在该div中有
::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;
}

外半径应大于边框的厚度。这可能会有所帮助:我会使用框阴影作为内边框: