メニュー紹介

商品名A

ここに商品用コメントを入れます。ここに商品用コメントを入れます。ここに商品用コメントを入れます。

商品名B

ここに商品用コメントを入れます。ここに商品用コメントを入れます。ここに商品用コメントを入れます。

商品名C

ここに商品用コメントを入れます。ここに商品用コメントを入れます。ここに商品用コメントを入れます。

上のテーブルの使い方

使いやすいよう1個ずつ独立したtableになっていますので必要に応じてボックスごとコピー&貼り付けをして増やしていって下さい。

商品写真の幅に応じて、tdの幅を変更して下さい。

商品名部分はh4タグで囲えば左と下のラインが自動で入ります。色変更はstyle.cssにて可能。商品名下の説明文は段落タグ<p>で囲みましょう。

「おすすめ」マークを入れるには
1個目のテーブルに入っている赤い「おすすめ」という文字を入れたい場合、tdタグに対してclass="osusume"とすればOK。html側で書くと、

となります。