目录
1、边框
边框属性:
- border-radius
- box-shadow
- border-image
2、圆角
border-radius属性用于创建圆角边框:
- 当border的值为四个时,值的顺序为 左上 右上 右下 左下
- 当border的值为三个时,值的顺序为 左上 右上和左下 右下
-
当border的值为两个时,值的顺序为 左上和右下 右上和左下
以圆为基础画出的圆角
div{
border: 1px solid black;
/*四个值时顺序: 左上 右上 右下 左下 */
border-radius: 10px 20px 30px 40px;
/* 三个值顺序: 左上 右上和左下 右下 */
border-radius: 30px 40px 30px;
/* 两个值顺序:左上和右下 右上和左下 */
border-radius: 30px 50px;
/* 一个值 */
border-radius: 50px;
}
以椭圆为基础画出的圆角 方式为 x半径/y半径
div{
border: 1px solid black;
border-radius:30px/60px;