请老师检查

来源：2-13 编程练习

向金伟

2022-02-27 00:33:26

相关代码：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>2-3</title>
    <style type="text/css">
        /* 此处写代码*/
		*{
			margin: 0;
			padding: 0;
		}
		div{
			width: 600px;
			height: 400px;
			background-color: red;
			margin: 0 auto;
			position: relative;
		}
		div .star{
			position: absolute;
			    top: 85px;
			    left: 60px;
			    width: 0;
			    height: 0;
			    border: 60px solid transparent;
			    border-top: 35px solid yellow;
		}
		div .star::before{
			content: '';
			    position: absolute;
			    top: -55px;
			    left: -89px;
			    width: 0;
			    height: 0;
			    border: 60px solid transparent;
			    border-top: 35px solid yellow;
			    transform: rotate(72deg);
		}
		div .star::after{
			content: '';
			    position: absolute;
			    top: -55px;
			    left: -36px;
			    width: 0;
			    height: 0;
			    border: 60px solid transparent;
			    border-top: 35px solid yellow;
			    transform: rotate(-72deg);
		}
		div .s2{
			transform: scale(0.3) translate(360px,-285px) rotate(15deg);
		}
		div .s3{
			transform: scale(0.3) translate(485px,-130px) rotate(-15deg);
		}
		div .s4{
			transform: scale(0.3) translate(485px,40px) rotate(0deg);
		}
		div .s5{
			transform: scale(0.3) translate(360px,185px) rotate(13deg);
		}
    </style>
</head>
<body>
    <!-- 此处写代码 -->
	<div>
		<div class="star s1"></div>
		<div class="star s2"></div>
		<div class="star s3"></div>
		<div class="star s4"></div>
		<div class="star s5"></div>
	</div>
</body>
</html>

写回答

1回答