<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>阴影</title>
<style>
div{
width:100px;
height: 100px;
background-color: #000000;
box-shadow:15px 15px 30px rgba(0,0,0,0.4);
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
我们也可以将浏览器自带调试工具打开,将其位置尽行实时变动: