背景画像の繰り返し指定

背景画像のくりかえし指定の方法


background-repeatというコードを使います。


効果
repeat-x横方向のみ繰り返し
repeat-y縦方向のみ繰り返し
no-repeat一枚だけ表示

縦方向リピートの記述


table{
backgroun-image : url(画像パス);
background-repeat : repeat-y;
width : 470px;
height : 550px;
}

実行結果


heightを550pxにして少し縦リピートできるように指定し直しました。


値を変えてゆけば、縦リピートや横リピートもしくは、一枚表示を選ぶ事が出来ます。

 
戻る(背景画像挿入)次へ (角丸)