どう作る!?NEWタブ・商品を並べたレイアウト
html, CSSを使っての作成のポイントを前回の記事を元にかいつまんでご紹介いたします。制作の参考になれば幸いです🌷▼完成見本はこちら今回は、こちらをどのような手順で作っていったかを説明していきます。余計なCSSをリセットするまず下記をhtmlファイルのbodyタグの中に書きました。また、htmlと同じ階層にimgフォルダを作って、その中にitem01.jpgなどを入れておきます。html<section> <div class="item-container"> <h2>Recommended Items</h2> <ul> <li> <a href="#"><img src="img/item01.jpg" alt="" />Tシャツ001</a> </li> <li> <a href="#"><img src="img/item02.jpg" alt="" />Tシャツ002</a> </li> <li> <a href="#"><img src="img/item03.jpg" alt="" />Tシャツ003</a> </li> </ul> </div> </section>CSSCSSはお
0