編碼的世界 / 優質文選 / 生涯

css3四周陰影效果

2022年3月30日
-    

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body {
				text-align: center;





				padding: 20px;
			}
			.shadow {
				width: 200px;
				height: 123.6px;
				background-color: lawngreen;
				display: inline-block;
				border-radius: 5px;
				box-shadow: darkgrey 0px 0px 30px 5px;
			}
		</style>





	</head>
	<body>
		<div class="shadow">
			
		</div>
	</body>
</html>

熱門文章