css怎么设置div阴影 css怎么设置div阴影为弧形

Molet web技术 2022-10-22 479浏览 0

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置div阴影

div
{
	width:300px;
	height:100px;
	background-color:yellow;
	box-shadow: 10px 10px 5px #888888;
}

效果图：

css怎么设置div阴影 css怎么设置div阴影为弧形

说明：

box-shadow属性可以设置一个或多个下拉阴影的框。

语法

box-shadow: h-shadow v-shadow blur spread color inset;

注意：boxShadow 属性把一个或多个下拉阴影添加到框上。该属性是一个用逗号分隔阴影的列表，每个阴影由 2-4 个长度值、一个可选的颜色值和一个可选的 inset 关键字来规定。省略长度的值是 0。