Question

我想给该元素添加一个边框，该边框完全包裹在右上方的恼人空间中，我无法弄清楚。有人能帮忙吗？我找不到任何可以告诉我如何正确执行此操作的信息。我只希望使用CSS，但是我愿意接受解决此问题的任何方法。

现在是这样的：https://i.imgur.com/lLOnMfb.png

这是我的代码：

css：

.box {
    height: 50px;
    background: white;
    position: relative;
    width:340px;
    margin:auto;
    border-radius:4px;
    padding:15px;
    border:10px solid black;
}

.box:before {
    content: '';
    position: absolute;
    top: 0; right: 0;
    border-top: 40px solid gray;
    border-left: 40px solid white;
    width: 0;
}

html：

<div class="zer0">text</div>

Answer 1

在.box中：在删除此左边框之前：40px纯白色；

给具有对角线边缘的元素加边框？

1 个答案: