圆角

border-radius: 值为半径
1)圆:
 一个值:四周圆角
两个值:左上角及右下角    右上角及左下角
三个值:左上角   右上角及左下角    右下角
四个值:从左上角开始 顺时针设置。(左上 右上 右下 左下)
2)椭圆分垂直半径和水平半径:
border-radius: 水平半径 / 垂直半径
二、补充
1)当矩形为长方形时:设置border-radius:50%;形成的图案为椭圆;
2)当矩形为正方形时:设置border-radius:50%;形成的图案为圆形;
3)当border-radius设置4个值时,达到最短边的一半时,继续增大border-radius的值,图案大小不发生改变;
4)给border-radius设置相邻两个值,剩余两个值为0时,可以得到半圆

 

posted @ 2020-04-13 21:35  油画家的第一站  阅读(798)  评论(0编辑  收藏  举报