圆:
<div class="circle"></div>
. circle {
width:200px;
height:200px;
border-radius:50%;
border:5px #ccc solid;
}
椭圆:
<div class="ellipse"></div>
. ellipse {
width:10px;
height:20px;
border-radius:25%;
border:2px #ccc solid;
}
三角形:
<div class="triangle"></div>
. triangle{
width:0px;
height:0px;
border-right:10px transparent solid;
border:10px transparent solid;
}
border-right:向右
border-left:向左
border-top:向上
border-buttom:向下