box-shadow实现四周阴影下阴影粗些
时间: 2023-10-31 16:54:24 浏览: 87
css box-shadow实现曲边阴影与翘边阴影
要实现四周阴影并让阴影更粗,可以通过调整box-shadow属性中的第三个参数,即阴影模糊值来实现。阴影模糊值越大,阴影就越模糊、越粗。例如,如果您想要实现一个粗一点的四周阴影,可以将阴影模糊值设置为一个较大的值,比如20px。这样,您可以使用类似以下的CSS代码来实现:
div {
width:1200px;
height:40px;
background:#fff;
box-shadow:black 0px 0px 20px;
}
在这个示例中,我们将box-shadow的阴影模糊值设置为20px,从而实现了一个更粗的四周阴影效果。
阅读全文