#ffffff #bc7c43 #beb53f #85a248 #2f6850 #4f8ea4 #89bcc5 #565669 #000000 #b22222 #daa09a

web material *Essence

  1. Home
  2. Materials
  3. Background ›
  4. css-other1

Background

css type * other 1

まだカテゴリーが分け難い等の素材です。(増えたら分けます。)
大きい画像は縮小及び一部表示にしています。画像をクリックすると背景が変わります。
Background-image *Reset*

IE,Edgeは固定表示した背景がスクロールでガタつくため、CSSページのみスムーズスクロールを無効にしています。(windows7以下はIEのどのバージョンでもガタつきます。詳しくはDesignTipsの『IE,Edgeのガタつき』をご覧下さい。)

size 400px×700px

  • curtain1.jpg
  • curtain2.jpg
  • curtain3.jpg
  • curtain4.jpg
  • curtain5.jpg

size 90px×135px

  • bu-1t.gif
  • bu-2t.gif
  • bu-3t.gif
  • bu-4t.gif
  • bu-5t.gif

size 135px×90px

  • bu-1.gif
  • bu-1.gif
  • bu-1.gif
  • bu-1.gif
  • bu-1.gif

size 145px×50px

  • st1-a.gif
  • st1-b.gif
  • st1-c.gif
  • st1-d.gif
  • st1-e.gif
  • st1-f.gif
  • st1-g.gif
  • st1-h.gif
  • st1-i.gif
  • st1-j.gif

Background-image *Reset*

background-repeat: repeat-x; /* x軸方向(横方向)に繰り返し表示します */
background-repeat: repeat-y; /* y軸方向(縦方向)に繰り返し表示します */


/* 横方向に繰り返し */
body{
   background-color: 背景色名;
   background-image: url(画像ファイル名);
   background-repeat: repeat-x;
}

/* 縦方向に繰り返し */
body{
   background-color: 背景色名;
   background-image: url(画像ファイル名);
   background-repeat: repeat-y;
}

Background › css type * other 1