css如何设置图片阴影 |css颜色背景铺满

/*添加投影效果*/
.shadow {
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
}
/*添加边框效果*/
.border {
border: 5px solid #ccc;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
/*多组阴影效果*/
.multiple {
/*水平偏移量，竖直偏移量，模糊范围大小，color*/
box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5),
-10px -10px 5px rgba(0, 0, 0, 0.5);
}

以上是三种常见的图片阴影效果，分别是投影、边框和多组阴影效果。其中，box-shadow属性有四个参数，分别表示水平偏移量、竖直偏移量、模糊范围大小和颜色。大家可以根据实际情况来调整这些参数，从而达到不同的效果。

需要注意的是，不同的浏览器对CSS的支持程度并不相同，有些浏览器对这些CSS属性的支持可能有限，因此大家需要进行兼容性处理，提高网站的浏览体验。

总之，在网站设计中，图片阴影是非常重要的元素之一，在实现过程中大家需要根据实际效果来选择不同的阴影效果，并进行兼容性处理。