微信訂閱號：Rabbit_svip
利用偽元素（ ::before 和 ::after ）制作究西，這樣可以不影響主元素窗慎，也不用依賴其他html元素。
利用border的特性制作角標(biāo)卤材。
border屬性還有很多玩法：
【CSS】多重邊框（box-shadow遮斥、outline）
本節(jié)效果
微信訂閱號：Rabbit_svip
<div class="corner"></div>
<style>
.corner {
position: relative;
width: 400px;
height: 300px;
border: 1px solid;
}
.corner::before {
position: absolute;
top: 0.3rem;
left: -0.5rem;
z-index: 1;
padding-right: 0.625rem;
font-weight: bold;
line-height: 0px;
color: #000;
height: 0px;
border: 0.9375rem solid #ee7600;
border-right-color: transparent;
content: "標(biāo)簽";
box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
}
.corner::after {
content: "";
position: absolute;
top: 2.1875rem;
left: -0.5rem;
border: 0.25rem solid #89540c;
border-left-color: transparent;
border-bottom-color: transparent;
}
</style>
在 ::before 里，設(shè)置 border-right-color 為 transparent（透明）扇丛。
