box-shadow

属性讲解:

x偏移 y偏移 迷糊效果范围 颜色

开搞

月晕效果【上下左右都有效果】

x偏移 0 y偏移 0 迷糊效果范围 小数值即可 颜色

右下角出现阴影:xy偏移为正值即可

左上角出现阴影:xy偏移为负值即可

四周每一角都设置

box-shadow_第1张图片`

	            width: 100px;
				height: 100px;
				 box-shadow:-10px 0px 10px red,   /*左边阴影*/
				 0px -10px 10px #000,  /*上边阴影*/
				  10px 0px 10px green,  /*右边阴影*/
				0px 10px 10px blue; /*下边阴影*/ 
				background-color: #C0C0C0;`

你可能感兴趣的:(CSS属性)