css3--边框、圆角、阴影、边界图片、多背景

目录

1、边框

2、圆角

3、盒子阴影

4.边界图片

5、多背景

---

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;