※注　あくまでも自己流ですので参考までにして下さい。


ブルーで読み込んだときの設定

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding:20px 0px 20px 20px;
margin-top: 5px;
background-image: url('/styles/images/header.jpg');
background-repeat: no-repeat;
}


変更後の設定

/*全ページ共通ヘッダ・フッタ*/
#Header
{
padding:270px 0px 20px 530px;
margin-top: 5px;
background-image: url('ここにデータが保存されているURLを入力');
background-repeat: no-repeat;
width: 750px;
height: 305px;
}



説明

padding:270px 0px 20px 530px;
タイトルの位置です。この様にするとタイトルは右下になります。

background-image: url('　');
スタイルシート用画像に保存したURLを貼ります。

background-repeat: no-repeat;
repeatで写真の繰返し、no-repeatで写真の固定
repeatは模様などにするときに使います。

width: 750px;
ヘッダーの幅です。
写真画像の横幅を750にサイズ変更するとキレイに揃います。

height: 305px;
ヘッダーの高さです。
写真に合わせて変更します。