<!DOCTYPE html>
<html>
<head>
<meat charset="UTF-8">
<title>对象阴影</title>
</head>
<style>
.box {
box-shadow: 7px 4px 10px #000 inset;
width: 300px;
height: 80px;
}
.box1 img {
box-shadow: #000 7px 4px 10px;
}
</style>
<body>
<h3>盒子对象阴影测试</h3>
<div class="box">
DIV 盒子内阴影
</div>
<h3>图片对象阴影测试</h3>
<div class="box1">
<img src="image/马里奥.jpg">
</div>
</body>
</html>
<img src="image/111.png"> 这一行是连接图片地址,创建一个名字为image的文件夹,里面放一张图片名字是111 图片格式是.png