◎ HTML初級/練習問題(下)

夏の冷たいおやつ

HTML 初級(下)練習問題

ソフトクリームとかき氷の夏のおやつのレイアウトを組んでみましょう。それぞれのボックスを左右に配置します。カード型のようなおしゃれなレイアウトです。角丸は、border-radiusで設定します。左右に配置する方法は、フレックスとfloatとありますが、両方で練習してみましょう。



夏の冷たい夏のおやつ

クリーム

  • バニラ
  • ストロベリー
  • チョコレート
  • ミックス
  • シャーベット

    • いちご
    • レモン
    • あずき
    • メロン
    夏は、つい冷たいおやつばかり食べてしまうので、お腹を壊さないようにしましょう。

    ルビをふる

    英字の上に、ルビをふってみましょう。

    【写真素材】