画一朵花
```css
<div class="flower">
<div class="petal"></div>
<div class="petal"></div>
<div class="petal"></div>
<div class="petal"></div>
<div class="petal"></div>
<style type="text/css">
.flower { /*花的容器*/
width: 100px; /*宽度*/
height: 100px; /*高度*/
position: relative; /*相对定位，用于后面的绝对定位*/
background-color: #f00; /*背景色，可以改成其他颜色*/
}
.flower .petal { /*花瓣样式*/
width: 20px; /*花瓣的宽度，可以改变大小*/
height: 10px; /*花瓣的高度，可以改变大小 */
background-color:#fff; /*背景色，也可以改成其他颜色 */
position: absolute; /*绝对定位 */
} .flower .petal1 { top:-15px ; left:-20px;} .flower .petal2 { top:-5px ; left:-10px;} .flower .petal3 { top:5px ; left:-20px;} .flower .petal4 { top:15px ; left:-10px;} .flower. peta15{top :0 px ;left :0 px} </style></ div >```
免责声明：
以上内容除特别注明外均来源于网友提问，创作工场回答，未经许可，严谨转载。