∴∵
  • 元に戻す
    まずはdivを2つ並べます
    ※わかりやすくborderだけつけてあります。
    ※橙にはテキストで「∴∵」の2文字を入れておきます。
  • ベースの色を考える
    葉っぱの色は#47AC00
    橙の色は#F4BF06
  • 形を整える
    border-radiusを変更して形を変えます
    詳しくはへたうま手書き風、角丸(border-radius)を復習
  • 影を付ける
    box-shadowを使いい内側に影を付けます
    ※これについては後日記事を書きます。
  • 位置を調整
    position:absolute;で位置を指定する
※今は橙の気持ちになってCSSを見てみましょう