background-sizeプロパティというのを見つけました。

何度か値を変えて、次の記述でヘッダサイズいっぱいに

画像を貼ることができましたーー！！

background-size:100% 100%;

次のページも参考：

www.htmq.com/css3/background-size.shtml

border-radius:角大きさ;

を使うようです

これを使って、ブログ画面の

・トップ文

・読者になるアイコン

・一覧を見るアイコン

・次へアイコン

・サイドバー背景

の角を丸くしました。

写真は、ドイツデュッセルドルフで撮った川です。

画像をアメブロにアップロードしたら、

背景設定セレクタで

background-colorプロパティを設定しました。

画像は出たけど…

上半分で切れている！

画像サイズ2035 x 1145を確認し、

高さ1145pxに合わせると、

画像が大きすぎるー。％設定じゃだめ。

アメブロでそういう設定になっているのかな？？

保留。

あと、タイトル文字を白にしました。

参考文献：

いちばんやさしいHTML＆CSS3の教本、赤間公太郎ら、インプレス

手にとるようにわかるCSS基礎、赤間公太郎ら、エムディエヌコーポレーション

HP作成を勉強中の”ほん”です。

サーバーにHPをアップロードするのはとても手が込みそうなので、

初心者にはハードルが高く困っていたんですが、

アメーバブログでCSSを編集できると知ったので、

CSSの勉強もかねてブログを書いていこうと思います。

慣れてきたら、HPも作るぞー。

ちなみに、URLの”comfortable-notes”は、造語で「心地よい音色」という意味です。

コードもきれいに組めるようがんばろう。

よろしくお願いします。