Css 使用框阴影插入时,如何将“边框底部”设置为“无”?

Css 使用框阴影插入时,如何将“边框底部”设置为“无”?,css,Css,我只是想在盒子的底部没有边框,还是不可能?我之所以使用“长方体阴影:插入”而不是常规边框样式,是因为它不会改变长方体的大小,也不会将长方体移出位置 .box { width: 82px; height: 56px; box-shadow:inset 0px 0px 0px 5px #AC92C4; border-radius: 5px 5px 0px 0px; } 您可以移动阴影: .box{ 显示:内联块; 垂直对齐:中间对齐; 宽度:82px; 高度:56

我只是想在盒子的底部没有边框,还是不可能?我之所以使用“长方体阴影:插入”而不是常规边框样式,是因为它不会改变长方体的大小,也不会将长方体移出位置

.box {
    width: 82px;
    height: 56px;
    box-shadow:inset 0px 0px 0px 5px #AC92C4;
    border-radius: 5px 5px 0px 0px;
}

您可以移动阴影:

.box{
显示:内联块;
垂直对齐:中间对齐;
宽度:82px;
高度:56px;
边界半径:5px 5px 0px 0px;
边框:1px实心#ccc;
}
.shift1{
盒影:插入5px 5px 0px 5px#AC92C4;
}
.shift2{
盒影:插图-5px 5px 0px 5px#AC92C4;
}
.shift1.shift2{
盒影:插图5px 5px 0px 5px#AC92C4,插图-5px 5px 0px 5px#AC92C4;
}
+=
您可以移动阴影:

.box{
显示:内联块;
垂直对齐:中间对齐;
宽度:82px;
高度:56px;
边界半径:5px 5px 0px 0px;
边框:1px实心#ccc;
}
.shift1{
盒影:插入5px 5px 0px 5px#AC92C4;
}
.shift2{
盒影:插图-5px 5px 0px 5px#AC92C4;
}
.shift1.shift2{
盒影:插图5px 5px 0px 5px#AC92C4,插图-5px 5px 0px 5px#AC92C4;
}
+=
您写道:

我使用“框阴影:插入”而不是常规边框的原因 样式,因为它不会改变我的盒子大小并将我的盒子移出 位置

您仍然可以尝试创建边框(使用
边框底部:无;
)并添加
框大小:边框框
,这将包括元素整体宽度和高度中的边框(和填充)。

您写道:

我使用“框阴影:插入”而不是常规边框的原因 样式,因为它不会改变我的盒子大小并将我的盒子移出 位置


您仍然可以尝试制作边框(使用
边框底部:无;
)并添加
框大小:边框框
,其中将包括边框(和填充)元素的总宽度和高度。

您还可以将
框大小:边框框
与普通边框结合使用。您还可以将
框大小:边框框
与普通边框结合使用。