hoge
2-1 Elementorの編集画面(キャンバス)について
2-2 アイコンブロック
2-3 画像ブロック
2-4-3 ⽂字⾊とサイズをマスターしよう
2-4-5 太さ(ウェイト)を変更してみよう
2-4-6 行間を変更してみよう
2-5-2 構造パネルの使い方をマスターしよう
2-5-3 コンテナブロックの追加と様々なブロックの追加方法
2-5-4 コンテナ内のブロックの並べ方を設定しよう
2-5-9 コンテナの練習をしよう
サンプルページ
サンプル完成品
サンプル完成品 – Duplicate – [#9]
チョコのギフトBOX
生徒実践
2-5-9 コンテナの練習をしよう
練習問題1
チョコの並び順を変更して、星のチョコを真ん中にしてください。
練習問題2
チョコを箱の中に入れてください。(順番は問いません)
練習問題3
チョコを上下中央にそろえてください。
練習問題4
チョコを上下中央にそろえて、左右均等にそろえてください。
練習問題5
星と月のチョコの色を黄色のしてください。
また、ハートのチョコの大きさを小さくしてください。
練習問題6
チョコを横並びにしてください。
また、ハートは両端にくるように並び替えてください。
練習問題7
チョコを移動させて、下のギフトBOXにはハートのチョコだけ入るようにしてください。
また、見た目が美しくなる様に整列させてください。
練習問題8
チョコとの間に、最低でも30pxの余白が空くように設定してください。
練習問題9
ギフトBOXに上下左右30pxのpaddingを設定してください。
また、チョコとの間に、最低でも20pxの余白が空くように設定してください。
最終問題
チョコを、星→月→おもり→月→星の順番に、横向きのギフトBOXの中に入れてください。また、星のチョコは黄色とし、おもりのチョコはオレンジ色で、星と同じくらいのサイズにします。ギフトBOXは30pxのpaddingをもち、チョコの間は最低でも30pxの余白を設定してください。左右の並びは均等に配置とし、上下は中央に並べてください。