★ジャンル別雑文集＆ホームページ作成
＆JavaScriptゲーム★

テーマ２．簡単にできるcssの小技

簡単にできるcssの小技を紹介します。
見栄えを良くする方法は実はとても簡単だったのです。
素人同然の私でもできましたから。

＜htmlの記述と説明＞
htmlファイルに記述する必要は一切ありません。
外部cssファイルに内容を追加しアップするだけで済みます。
その簡単な作業で、全ページにスタイルが反映されます。

＜cssファイルの記述例１＞

＜cssファイルの説明１＞
全体の周囲の背景画像を指定する小技です。
この例ではbg1.gifという画像ファイルを読み込ませています。
このような画像ファイルはネット上でダウンロード可能です。
なお、事前に画像ファイルをアップしておく必要があります。
この例ではimagesフォルダにbg1.gifをアップしています。
画像の準備が面倒な場合、背景色を指定すると良いでしょう。
background-color: #000000;
のような記述に置き換えると、背景色が指定の色に変わります。
具体的な６桁カラーコードはネット上で確認して下さい。

＜cssファイルの記述例２＞

＜cssファイルの説明２＞
リンク部分にマウスを乗せた時に文字の色を変える小技です。
通常はリンク部分はアンダーライン付きの青色です。
上記のような記述を追加しておくと、マウスオーバー時に指定の色に変わります。

このように、ちょっとした小技で少しずつ見栄えが良くなっていきます。