html - 如何增加交叉点的 Angular ？

Question

我正在尝试在 HTML/CSS 中创建一个信封图标，但我似乎无法正确完成这一部分。

Image 1

如您所见，拐 Angular 与对 Angular 线并没有完全对齐，我真的不知道如何将 Angular 再打开一点。这是我写的:

CSS

.enveloppe {    
     overflow: hidden;
     position: relative;
     width: 14px; height: 11px;
     border-radius: 3px;
     margin-right: 6px;
     background: white;
    display: inline-block;
 }
.enveloppe-plie{
    position: absolute;
    width: 14px;
    height: 5px;
    top: 3pt;
    content: "";
    display: inline-block;
    border-right: 1px solid #333333;
    border-top: 1px solid #333333;
    transform: rotate(135deg);
    vertical-align: top;
    margin-top: -10px;
    margin-left: -5px;
}

HTML

<div class="enveloppe">
<div class="enveloppe-plie"></div>
</div>

Answer 1

将 margin-left: -5px; 替换为 margin-left: 3px; 看起来好多了