CSS圆角、盒子阴影和背景设置

1.圆角

语法案例：

.box {

width: 300px;

height: 300px;

border: 3px solid red;

border-radius: 150px; (按顺时针的顺序去设置)

左上角 右上角 右下角 左下角

值越大，圆角越圆 

利用border-radius做一个圆

元素的宽高必须一致

圆角的半径为元素宽度的一般，或者直接设置圆角半径为50% 

}

2、盒子阴影

语法box-shadow：inset（outset）x-offset y-offset blur-radius color

.box {

            width: 300px;

            height: 300px;

            border: 3px solid red;

            box-shadow: inset 5px 4px

            box-shadow: inset 11px 10px 30px pink;

        }

            inset阴影类型内阴影 outset外阴影默认为外阴影

            x-offset x轴卫衣，指定阴影水平位移量

            y-offset y轴卫衣，用来指定阴影垂直位移量