边框内圆角

981 阅读1分钟

主要知识点:outline,box-shadow

解决方案

outline模拟边框,border- radius形成框内圆角,box-shadow填充空白

未添加box-shadow时;outline不随圆角走,四个角会形成空白

    border-radius: 0.2em;
    outline: rgb(160, 31, 31) solid 5px;

添加box-shadow

    border-radius: 0.2em;
    outline: rgb(160, 31, 31) solid 5px;
    box-shadow: 0px 0px 0px 0.0828em rgb(160, 31, 31);