也是面试中遇到的,要实现这样一个图形:
其实就是使用一个宽高为0的边框实现这个图案,然后再旋转45度。
<div id="box">
<div></div>
</div>
#box{
width:100px;
height:100px;
border-radius:50px;
overflow:hidden;
}
#box>div{
width:0;
height:0;
border: 50px solid;
border-color: red yellow;
transform: rotate(45deg);
}