商品ページのお商品説明文の書き方

Question

このページ（https://item.rakuten.co.jp/alllight/l1855812_lpl/）のように赤背景で商品説明文を強調したい場合、HTMLをどう書けば良いでしょうか。

Answer

ECマスターズの田辺です。方法は１つではないですが例えば参考ページでは以下のようにtableタグに書かれているtdに背景色（ bgcolor="efefef"）を設定し、にて文字色を赤にしております。販売中の商品は、実店舗でも販売しておりますため、在庫は常時変動しております。購入数量によってはお取り寄せの場合がございます。お取り寄せの場合は別途納期のご連絡をいたします。ご了承くださいませ。
商品によっては生産完了品のためご用意できない場合がございます。ご了承くださいませ。
他にも

あああ
いいい
ううう

と書くことであいう全体に背景色がつき、あああ
いいい
うううと書くことであいうそれぞれの行に背景色がついてマーカーを引いたように表現することができます。classをつかって複数のタグに背景色をつけることもできますが、まずは上記の方法でお試しくださいませ。

商品ページのお商品説明文の書き方

カテゴリーから探す