盒子阴影(CSS3)

语法格式:

box-shadow:水平阴影 垂直阴影 模糊距离(虚实)  阴影尺寸(影子大小)  阴影颜色  内/外阴影;

盒子阴影(CSS3)_第1张图片

  1. 前两个属性是必须写的。其余的可以省略。



	
	Document
	


	
box-shadow: 0 15px 30px rgba(0,0,0,0.1);

上面的语句的盒子阴影参数比较经典的设置,可以借用。

上述代码的效果图如下:

盒子阴影(CSS3)_第2张图片

你可能感兴趣的:(前端)