background-repeat
background-repeatとは?
background-repeatは、背景画像の繰り返しを指定するCSSです。
色や画像、画像の表示開始位置、リピートなどをbackgroundでまとめて指定することもできます。
background-repeatの使い方
背景画像の繰り返しなし、X(水平)方向に繰り返す、Y(垂直)方向に繰り返すのいずれかを指定します。
X方向、Y方向両方に繰り返す場合は、background-repeatを指定しなくても大丈夫です。
記述方法
background-imageは以下のように記述します。
背景画像を繰り返さない場合
background-repeat:no-repeat;
背景画像をX(水平)方向に繰り返す場合
background-repeat:repeat-x;
背景画像をY(垂直)方向に繰り返す場合
background-repeat:repeat-y;
おすすめのホームページ作成ソフト
コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。
現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。
- ホームページビルダー
- 初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
- Dreamweaver
- 中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。
『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。
また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。