盒子阴影 box-shadow,用来设置元素的阴影效果,不会影响到页面布局。
盒子阴影后面可跟1-4个数值,意义分别如下
第一个值:水平偏移量 正->左 负->右 ,必选;
第二个值:垂直偏移量 正->下 负->上 ,必选;
第三个值:模糊半径 默认0px,可选;
第四个值:颜色 默认是黑色,可选。
border-radius 用来设置盒子圆角
如果盒子的宽和高相等,那么可将border-radius:50%,即可设置圆形 。
还可分别对盒子模型的每个角进行圆角设置:
borde-top-right-radius:
border-top-left-radius:
border-bottom-left-radius:
border-bottom-right-radius: