css奇淫技巧--css属性之border-radius

大家都知道border-radius即圆角,可以用来对div进行曲线化。常见的用法是:

border-radius: [左上] [右上] [右下] [左下]

首先给定一个div,width:100px;height:100px;border:1px soild

  1. 画一个圆:可以写成 border-radius:50px 也可以写成border-radius:50%
  2. 画一个半圆:这时候就需要变动一下div的宽高了  把div设成height:50px;然后 border-radius:50px 50px  0 0
  3. 画一个椭圆:首先宽高设成100px 50px,然后border-radius:50px/25px 此时就可以产生一个椭圆了
posted @ 2017-08-27 17:43  可恶の小郑  阅读(337)  评论(0编辑  收藏  举报