<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;     /*绝对定位 */