box-shadow属性的运用

box-shadow:0 0 10px rgba(255,0,0,0.1) inset;

当水平和垂直的阴影距离都设置为0,并加入inset时,在盒子内部的阴影为上下左右四个方向都存在阴影。水平和垂直的阴影距离不为0且都为正数时,盒子内部的阴影为右下两边存在阴影。

第三个参数10px,表示模糊程度

border-radius:100px/10px   :表示水平方向的半径是100px,垂直方向的半径是10px

border-radius:100px 10px   :表示左上角和右下角的半径是100px,左下角和右上角的半径是10px。

猜你喜欢

转载自blog.csdn.net/lgl_19910331/article/details/81069041