boder-radius 属性&绘制太极

boder-radius 为css3中新增，低版本ie不兼容

border-top-left-radius:左上角

border-top-right-radius:右上角

border-bottom-right-radius:右下角

border-bottom-left-radius:左下角

一个值:水平和垂直半径

两个值:水平半径  垂直半径

一个值:四个角的水平和垂直半径

两个值:左上右下  右上左下

三个值:左上   右上左下  右下

四个值:左上  右上  右下  左下(从左上角开始顺时针一圈)

八个值:

左上右上右下左下(水平半径)/左上 右上 右下 左下(垂直半径)

单位:px  %

椭圆:长方形,圆角写50%

eg：

太极 html css