css绘制特殊图形基础

.isosceles{ width: 0; height: 0; border:30px solid; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; border-bottom-color: red; }

.right{ width: 0; height: 0; border:30px solid; border-left: 0; border-right-color: transparent; border-top: 0; border-bottom-color: red; }

.round{ width: 100px; height: 100px; background-color: red; border-radius:50%; }

.ellipse{ width: 100px; height: 80px; background-color: red; border-radius:50%; }