無料ホームページのサンプルcss最新版

グラデーション素材で無料ＨＰ作り方

当サイトの無料ホームページのスタイルシートサンプルはけっこう以前のものでしたので、最新版のcssを更新しておこうと思います。

現在この無料ホームページで使っているスタイルシートはグラデーション素材を利用しての作り方になっていますが、具体的なグラデーション素材の作り方についてはわたしのブログを参照してみてください。

ブログにグラデーションな背景画像の作り方

ここでは簡単に最新のホームページスタイルシートの設定方法について書いておきます。現在のこのサイトとまったく同じサンプルなのですが、グラデーション素材は自分で作成して違う感じにしてみるといいかと思います。

【追記：】グラデーション無料ＨＰ素材も。

グラデーション素材を組み込んだcssの設定手順

最新版のサンプルスタイルシートですが、グラデーション素材をあなたのパソコンにダウンロードし、さらにあなたの無料ホームページスペースにアップロードして使用してください。

実際のスタイルシートの設定方法は「初心者簡単な無料ＨＰの作り方」の箇所とまったく同じです。こちらは、今現在の当ホームページのスタイルシートとほとんど同じものです。

このスタイルシートに、あなたの無料ホームページスペースにアップロードしたグラデーション素材の URL を指定して設定するのですが、設定する箇所は次の２箇所となります。

【例：】アップロードした素材が、あなたのホームページスペースの http://example.com/image/kin.bmp の場所にあるとすると、こんな感じで指定してください。
background-image: url(http://example.com/image/kin.bmp);

当サイトのグラデーション素材は若干色がまだらになっている部分がありますので、ブログを参考にご自分で作成してみるとけっこう楽しいと思います。

次のページ：html個別記事をボリュームアップ