商用利用OK、加工OK、許可不要、ALL無料のホームページ素材集

WEBデザイナーが作った超シンプル素材集

MATERIAL MENU

がんばろうニッポン

見出し用画像

1 2

017 見出し用画像 (640x32px)

見出し用の画像です。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。
※こちらはpng画像です。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 15px;
font-size:16px;font-weight:bold;color:#444444;
background-image:url(img/head017_01.gif);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

016 見出し用画像 (640x45px)

見出し用の画像です。ちょっと文字大きめ(18px)です。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。
※こちらはpng画像です。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:30px;margin:0px 0px 5px 0px;padding:15px 0px 0px 8px;
font-size:18px;font-weight:bold;color:#333333;
background-image:url(img/head016_01.png);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

015 見出し用画像 (640x32px)

見出し用の画像です。ちょっと文字大きめ(16px)です。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。
※こちらはpng画像です。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:8px 0px 0px 22px;
font-size:16px;font-weight:bold;color:#444444;
background-image:url(img/head015_01.gif);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

014 見出し用画像 (640x30px)

見出し用の画像です。以下CSSで表示させていますので、画像は一括ダウンロードしてください。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 10px;
font-size:14px;font-weight:bold;color:#555555;
background-image:url(img/head014_01.gif);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください

更新日:2011.01.22 Category:見出し用画像

013 若干斜線の入ったライン画像 (640x3px)

若干斜線の入ったシンプルなライン画像です。
普通のラインとしてもお使えいただけます。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 0px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head013_01.gif);
background-position:bottom;background-repeat:repeat-x;
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

012 水性ペン風画像 (640x9px)

見出し用の水性ペン風のライン画像です。ちょっとボケてます。
普通のラインとしてもお使えいただけます。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。
※こちらはpng画像です。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head012_01.png);
background-position:bottom;background-repeat:repeat-x;
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

011 クレヨン風ライン画像 (640x9px)

見出し用のクレヨン風のライン画像です。普通のラインとしてもお使えいただけます。
以下CSSで表示させていますので、画像は一括ダウンロードしてください。
※こちらはpng画像です。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:30px;margin:0px 0px 5px 0px;padding:5px 0px 0px 0px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head011_01.png);
background-position:bottom;background-repeat:repeat-x;
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください。

更新日:2011.01.22 Category:見出し用画像

010 見出し用画像 (640x30px)

見出し用の画像です。以下CSSで表示させていますので、画像は一括ダウンロードしてください。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 20px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head010_01.gif);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。但し、この画像に関しては640pxですのでそれ以上になると繰り返されますのでご注意ください

更新日:2011.01.22 Category:見出し用画像

009 見出し用画像 (640x30px)

見出し用の画像です。以下CSSで表示させていますので、画像は一括ダウンロードしてください。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:24px;margin:0px 0px 5px 0px;padding:6px 0px 0px 3px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head009_01.gif);
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。

更新日:2011.01.22 Category:見出し用画像

008 見出し用画像 (640x30px)

見出し用の画像です。以下CSSで表示させていますので、画像は一括ダウンロードしてください。

サンプル
サンプル
サンプル
サンプル
サンプル
サンプル

>> ZIP一括ダウンロード

*** CSSサンプル ***
h3 {
height:23px;margin:0px 0px 5px 0px;padding:7px 0px 0px 3px;
font-size:16px;font-weight:bold;color:#333333;
background-image:url(img/head008_01.gif);
border:1px solid #CC0000;border-left:5px solid #CC0000;
}
※ widthを指定しないことで外枠の幅に合わせて100%表示させることができます。
※ こちらはborderに色を設定しています。
  配色例)上から、#CC0000、#3399FF、#FF6600、#009900、#9933CC、#333333

更新日:2011.01.21 Category:見出し用画像
1 2
HOMEへ このページのTOPへ