html - css中的 Angular 设计

Question

<分区>

Answer 1

使用几个伪元素并创建带有边框的三 Angular 形，然后将它们绝对定位到您想要的位置。

More information on pseudo elements

示例

div{
    background:#999;
    height:300px;
    position:relative;
    width:100px;
}
div::before,div::after{
    content:"";
    left:100px;
    position:absolute;
}
div::before{
    border-bottom:20px solid #333;
	border-right:20px solid transparent;
    top:0;
}
div::after{
    border-top:20px solid #333;
	border-right:20px solid transparent;
    bottom:0;
}

<div></div>