17 边框阴影 

box-shadow: 50px 20px 50px red inset;
/*水平偏移方向（正负控制方向），
垂直偏移方向（正负控制方向），
阴影的模糊程度（数值越大越明显），
颜色，
内射还是外射，默认外射*/

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>边框阴影</title>
	<style type="text/css">
		.shadow{
			width: 200px;
			height: 200px;
			background-color: purple;
			box-shadow: 20px 20px 50px red;
		}
	</style>
</head>
<body>
	<div class="shadow"></div>

</body>
</html>

image

posted @ 2022-08-05 11:16  角角边  Views(54)  Comments(0)    收藏  举报