背景画像の繰り返し方を定義
1.x軸方向にのみ繰り返す(background-repeat: repeat-x)
2.y軸方向にのみ繰り返す(background-repeat: repeat-y)
3.背景画像を繰り返さない(background-repeat: no-repeat)
box1{
width: 150px;
height: 80px;
padding: 10px 0px 0px 10px;
border: solid #FF9999 1px;
background:url(img/haikei2.gif);
background-repeat:repeat-x;
}
.box2{
width: 150px;
height: 80px;
padding: 10px 0px 0px 10px;
border: solid #FF9999 1px;
background:url(img/haikei2.gif);
background-repeat:repeat-y;
}
.box3{
width: 150px;
height: 80px;
padding: 10px 0px 0px 10px;
border: solid #FF9999 1px;
background:url(img/haikei2.gif);
background-repeat:no-repeat;
}