实训记录2

最新推荐文章于 2022-06-03 09:54:48 发布

suxiaobai1229

最新推荐文章于 2022-06-03 09:54:48 发布

阅读量139

点赞数

本文链接：https://blog.csdn.net/suxiaobai1229/article/details/103113051

版权

实训记录

- 实训

实训

做一个旋转风车。

代码如下： <!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>111</title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<style type="text/css">
			*{
				margin: 0;padding: 0;overflow: hidden;
			}
			.box{
			    height:100%;
			    width: 100%;
			    display: flex;
			    justify-content: center;
			    align-items: center;
				background-co: #B6B6B6;
				flex-flow: column;
				
				
			}
			
			  .top1{
				height: 200px;
				width: 500px;
				margin-top: 5%;
				margin-bottom: 60%;
				background-color: #2AC845;
				
					
			}
			
		</style>
	</head>
	<body>
		<div class="box">
			<div class="top1"></div>
		</div>
		
	</body>
<html>

效果图：在这里插入图片描述