CSS:使用方框边框

CSS:使用方框边框,css,Css,我试图复制上面的白框,上面写着“你的成功” 正文{ 背景色:#DFDFDF; } .index_白盒{ 背景色:#fff; 身高:60%; 宽度:25%; 位置:绝对位置; 左缘:4%; 边缘底部:20px; 盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); 边界半径:10px; } 如果您查看“inspect element”,您实际上可以看到他们是如何对其进行编码的。我把他们使用的主要部分集中在一起,因为一些使用CS

我试图复制上面的白框,上面写着“你的成功”

正文{
背景色:#DFDFDF;
}
.index_白盒{
背景色:#fff;
身高:60%;
宽度:25%;
位置:绝对位置;
左缘:4%;
边缘底部:20px;
盒影:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
边界半径:10px;
}

如果您查看“inspect element”,您实际上可以看到他们是如何对其进行编码的。我把他们使用的主要部分集中在一起,因为一些使用CSS文件,而另一些是内联的

.class1 {
    left: 1px;
    width: 302px;
    position: absolute;
    top: 445px;
    height: 378px;
}

.class2 {
    left: 1px;
    width: 302px;
    position: absolute;
    top: 445px;
    height: 378px;
}

.class3{
    border: 2px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
一切都在这里:


如果您查看“检查元素”,您实际上可以看到他们是如何对其进行编码的。我把他们使用的主要部分集中在一起,因为一些使用CSS文件,而另一些是内联的

.class1 {
    left: 1px;
    width: 302px;
    position: absolute;
    top: 445px;
    height: 378px;
}

.class2 {
    left: 1px;
    width: 302px;
    position: absolute;
    top: 445px;
    height: 378px;
}

.class3{
    border: 2px solid rgba(255, 255, 255, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}
一切都在这里:


你说你做不好是什么意思?你能说得更具体些吗?边界半径太小了吗。。etc@Srijith不知怎的,回答的人设法选择了那个元素,而我几个小时都没能做到,问题解决了当你说你做不好是什么意思?你能说得更具体些吗?边界半径太小了吗。。etc@Srijith不知怎的,那个回答的人设法选择了那个元素,而我几个小时都没能做到,你是怎么检查的?如果我把我的元素检查器放在框中,我用chrome选择
.s11linecontent.s11bg
,你是怎么做到的?我只是试着用firefox,不能选择那个元素,你是怎么做到的?我添加了一张图片来展示我是如何选择它的。基本上,您选择的是一个嵌套的div,而不是框本身,只需将鼠标悬停在不同的代码位上,它就会突出显示环绕整个框的div。我希望这会有帮助。说真的,你是怎么检查的?如果我把我的元素检查器放在框中,我用chrome选择
.s11linecontent.s11bg
,你是怎么做到的?我只是试着用firefox,不能选择那个元素,你是怎么做到的?我添加了一张图片来展示我是如何选择它的。基本上,您选择的是一个嵌套的div,而不是框本身,只需将鼠标悬停在不同的代码位上,它就会突出显示环绕整个框的div。我希望这有帮助。