CSS样式收集

半圆：

#circle1 {
	width: 100px;
	height: 200px;
	background-color: #a72525;
	-webkit-border-radius: 100px 0px 0px 100px;
}

1/4圆：

#circle2 {
	width: 200px;
	height: 200px;
	background-color: #a72525;
	-webkit-border-radius: 200px 0 0 0;
}

向右的三角箭头：

.triangle-right{
    display:inline-block;
    width:0;
    height:0;
    margin-left: 14px;
    position: relative;
    border-top: 14px solid transparent;
    border-left: 15px solid #F1BA2C;
    border-bottom: 14px solid transparent;
}
.triangle-right::before{
    content: '';  //必须要有且设为''
    display:inline-block;
    width:0;
    height:0;
    position: absolute;
    left: -21px;
    top: -14px;
    border-top: 14px solid transparent;
    border-left: 15px solid #F2F4F8;
    border-bottom: 14px solid transparent;
}