#demo{
width: 200px;
height: 200px;
border: 2px solid red;
position: relative;
}
#demo:before{
content:"";
width: 0;
height: 0;
display: block;
border-top:18px solid transparent ;
border-bottom:18px solid transparent ;
border-left:24px solid red;
position:absolute;
right: -24px;
top:20px
}
#demo:after{
content:"";
width: 0;
height: 0;
display: block;
border-top:16px solid transparent ;
border-bottom:16px solid transparent ;
border-left:22px solid #fff;
position:absolute;
right: -22px;
top:22px
}
CSS绘制三角形
最新推荐文章于 2023-04-11 10:00:22 发布