原理：before伪元素创建个小正方形，旋转45度角。颜色使用inherit。这样更改颜色的话只需要更改一处就行了。
<style type="text/css">
html,body{
padding: 0;
margin:0;
}
.box{
width: 20rem;
height: 8rem;
border-radius: 1rem;
border:1px solid #dd9717;
background: pink;
margin-top: 10rem;
box-sizing: border-box;
position: relative;
}
.box::before{
content:'';
position: absolute;
left: 2rem;
top:-1.05rem;
padding: 1rem;
border:inherit;
border-right: 0;
border-bottom: 0;
border-radius: 0.2rem;
background:inherit;
transform: rotate(45deg);
}
</style>
<body>
<div class='box'></div>
</body>
复制代码
912
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
