如何从边角移除部分边框？

<style>
    .box {
        width: 200px;
        height: 200px;
        border: 1px solid #000;
        border-radius: 10px;
    }
</style>
<div class="box"></div>

<style>
    .box {
        width: 200px;
        height: 200px;
        border: 1px solid #000;
        position: relative;
    }
    .box::before {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 10px;
    }
</style>
<div class="box"></div>

<style>
    .box {
        width: 200px;
        height: 200px;
        border: 1px solid #000;
        clip-path: polygon(0 10px, 10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
    }
</style>
<div class="box"></div>