• 締切済み

ボックス内の色を分ける方法

html の表でひとつのボックス内の色を上半分/下半分で違う色を表示する方法ってありますか? CSSを使った方法でも良いので、可能なら教えてください。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

ボックスサイズのいかんに関わらず、ボックスの時様下半分の色を変える方法 そのボックスの最大予想縦サイズより縦に大きい、上半分と下半分の色を変えた背景画像を作成する。横幅は任意 注)背景色ではなく背景画像を変える。 div.herfColor{ width:200px; height:200px; background-image:url(./img/herfY2.jpg); background-position: 0% 50%; border: 1px red solid; background-repeat: repeat-x; }

  • warez
  • ベストアンサー率57% (29/50)
回答No.1

背景に画像を置くとか。 この場合、ボックスの高さ(の半分)があらかじめわかっていれば問題ないですが、内容などにより変化する値であれば Javascript などで取得する必要がありそうです。

関連するQ&A

専門家に質問してみよう