BreathTake/ホームページ作成の小技・CSS篇

*
ホームページ作成の小技タイトル・CSS篇・イメージ写真
CSSの小技 写真の位置指定 画像の敷き詰め

CSSの小技 画像の敷き詰め(repeat) 見本

★ 敷き詰め方を選択してください ★
   敷き詰めて表示 repeat
   1つだけ表示 no-repeat
   横方向に敷き詰めて表示 repeat-x
   縦方向に敷き詰めて表示 repeat-y

CSSの小技 画像の敷き詰め プログラムソース

<STYLE TYPE = "text/css">
<!--
.back_img01 {
   background-image:url("./bg.gif");
   border-style:solid;
   border-width:0px;
   border-color:red;
   width: 500px;
   height: 300px;
 #1つだけ表示
   background-repeat:no-repeat;
 #敷き詰めて表示
   background-repeat:repeat;
 #横方向に敷き詰めて表示
   background-repeat:repeat-x;
 #縦方向に敷き詰めて表示
   background-repeat:repeat-y;
}
-->
</STYLE>

Copyright © 2011 BreathTake All Rights Reserved