CCBot/2.0 (http://commoncrawl.org/faq/) | Simple Repeat
ダウンロード:欲しい素材の上で右クリックして、画像を保存してください。

※アイコン以外の小物や、分類に迷った雑多な素材です。

小さなサイズの背景

全てpngファイル。黒背景に画像を重ねて表示しています。

  • ・1pxの格子
    (不透明)
  • ・1pxの格子
    (半透明)
  • ・1pxの横線
    (不透明)
  • ・1pxの横線
    (半透明)
  • ・1pxの縦線
    (不透明)
  • ・1pxの縦線
    (半透明)
  • ・紙っぽい背景
    (薄紙)
  • ・紙っぽい背景
    (厚紙)

見出し

  • ・500px x 5px:
  • ・500px x 15px:
  • ・500px x 30px:
  • ・500px x 50px:
  • ・500px x 50px:
  • ・256px x 24px:
  • ・256px x 24px:
  • ・256px x 24px:

区切り線

  • ・256px x 4px
  • ・256px x 4px
  • ・256px x 4px
  • ・256px x 4px
  • ・256px x 10px
  • ・256px x 7px
  • ・256px x 7px
  • ・256px x 7px
  • ・256px x 7px
  • ・256px x 8px

メニュー背景

  • ・100px x 24px:
  • ・100px x 24px:
  • ・100px x 24px:

テーブル背景

CSS3の“border-image”で使用できる画像です。
パーツに分ける場合は、ボーダーの幅分周囲を切り分けてください。残った中央部分128pxの正方形がテーブルの背景になります。

CSS記述例:
border: solid 16px transparent;
-moz-rder-image: url(table.png) 16 / 16px repeat;
-webkit-border-image: url(table.png) 16 / 16px repeat;
-o-border-image: url(table.png) 16/ 16px repeat;
border-image: url(table.png) 16 fill/ 16px repeat;
/*"fill"は「背景あり」の場合にのみ記入が必要です*/
  • ・正方形160px
     ボーダーの幅:16px
     背景なし
  • ・正方形160px
     ボーダーの幅:16px
     背景あり
  • ・正方形160px
     ボーダーの幅:16px
     背景あり