CSS 圆角

有弧度的圆角四个角统一弧度border-radius: 10px;

胶囊型，元素不能是正方的，圆角是高度的一半

圆形，

div{

width: 100px;

height: 100px;

border-radius: 50%;

background-color: green;

}

椭圆形

div{

width: 200px;

height: 100px;

border-radius: 50%;

background-color: green;

}

三角形

div{

width: 0;

height: 0;

border-style: solid;

border-color:transparent;

border-bottom-color: tomato;

border-width: 200px;

}