帮我写一段前段莲花盛开的代码
<style type="text/css">
.lotus {
width: 200px;
height: 200px;
position: relative;
overflow: hidden; }
.petal {
width: 10px;
height: 10px; /*设置莲花瓣的大小*/ position: absolute; /*定位*/ border-radius: 50%; /*设置圆形*/ background-color:#FF00FF; /*设置背景颜色*/ } </style> <div class="lotus"> <div class="petal" style="top:-20px ;left:-10px ;"></div> <div class="petal" style="top:-30px ;left:-20px ;"></div> <div class="petal" style="top:-40px ;left:-30px ;"></div> <div class="petal" style="top:-50px ;left:-40px ;"></div> <div class="petal" style="top:-60px ;left:-50px ;"></div> </div>
创作工场
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!