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

質問

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

回答No.2

ORUKA1951

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

回答No.1

warez

背景に画像を置くとか。

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