大家都知道border-radius即圆角,可以用来对div进行曲线化。常见的用法是:
border-radius: [左上] [右上] [右下] [左下]
首先给定一个div,width:100px;height:100px;border:1px soild
- 画一个圆:可以写成 border-radius:50px 也可以写成border-radius:50%
- 画一个半圆:这时候就需要变动一下div的宽高了 把div设成height:50px;然后 border-radius:50px 50px 0 0
- 画一个椭圆:首先宽高设成100px 50px,然后border-radius:50px/25px 此时就可以产生一个椭圆了