利用border-radius属性实现圆角效果

使用方法:

1
1.border-radius:10px /*四个角都使用10px的圆角*/

1_1.png
1
2.border-radius: 9px 8px 7px 6px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 

1_2.png
1
3.border-radius:100px/10px;/* 水平100px 垂直10px*/ 

1_3.png