1.圆角边框 border-radius
border-radius 属性用于设置元素的外边框圆角
语法:border-radius:length;
参数值可以是数值 或者 百分比 的形式
正方形,数值设置宽或高的一半,或者 50%;
矩形,数值设置高度的一半
2.盒子阴影 box-shadow
box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 阴影尺寸 阴影颜色 外部阴影
模糊距离:影子的虚实
阴影尺寸:影子大小
注意:
1.默认值外阴影(outset),但是不可以写这个单词,否则导致阴影无效
2.盒子阴影不占用空间,不会影响其他盒子排列
3.文字阴影 text-shadow
box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 阴影颜色 ;
4. 背景颜色 background-size
background-size: 背景图片宽度 背景图片高度;
background-size:500px 200px / 50% / cover / contain; //
1. 如果只写一个参数 肯定是宽度,高度则被省略了,会等比例缩放
2. 里面的单位可以跟 % 相对于父盒子来说的
3. cover 等比例拉伸 要完全覆盖 盒子 可能有部分背景图片显示不全
4. contain 高度和宽度等比例拉伸,当宽度 或者高度 铺满div 盒子就不再进行拉伸了,可能有部分空白区域