ホームページできるかな/超初心者さん向きHP作成
Web dekirukana.net
サイトメニュー >> ホームページのデザインテンプレートをダウンロードできるサイト
トップページ
HPのはてな?
HPはどこにある?
HPのなかみ
HTMLって?
相対・絶対パス
つくってみよう!
用意するもの
作成手順
HP用素材
基本の小技集
HPを公開!
もっと知ろう!
タグのプレビュー
いろいろな色
特殊文字
記号のよみかた
PCコラム
メール
メールフォーム BBS
掲示板

リンク
リンクについて
お役立ちリンク
自動相互リンク
レンタルサーバー
プロバイダー
広告でおこづかい
参考文献
【クリック募金】


【ウィルス対策】
Click Here!

【HTMLタグ】
みんなのタグ辞書
TAG <index>

【PCトラブル】
Windows.FAQ

【ランキング】
206 Web Ranking
ホームページの情報屋さん

【P R】


Click Here!

Click Here!



ページ設定

> タグの簡易テスト(別窓)
| フレーム | フレームDL | フレームに枠線 | インラインフレーム | インラインフレームDL |
| 背景に色(背景色) |

背景に色(背景色)

| タグ | スタイルシート |
背景色を指定してみましょう。
タグとスタイルシートの2種類の方法があります。タグは簡単にできますが、推奨されているのはスタイルシートです。できればスタイルシートに挑戦してみてくださいね。

■タグ
<body>開始タグの中に記述します

<html>

<head>
<title> </title>
</head>

<body bgcolor="">

</body>

</html>

タグ記述
<body bgcolor="">
タグ記述例
<body bgcolor="#FFCC00">


■スタイルシート
スタイルシートは<body>〜</body>の表示部分とは別に、<head>〜</head>内に記述して使います。すると<body>〜</body>の表示部分は何もしなくてもよく、ページ全体にスタイルシートの内容が適用されます。

<html>

<head>
<title> </title>
☆スタイルシートはこの部分に記述します☆
</head>

<body>

</body>

</html>
スタイルシ−ト記述
<style type="text/css">
<!--
body { background-color: }
-->
</style>
スタイルシ−ト記述例
<style type="text/css">
<!--
body { background-color: #FFCC00 }
-->
</style>


Tips
背景色と背景画像、両方の指定
スタイルシ−ト記述
<style type="text/css">
<!--
body { background-color: ; background-image: url( 画像 GIFやJPG )}
-->
</style>
スタイルシ−ト記述例
<style type="text/css">
<!--
body { background-color: #FFCC00 ; background-image: url(img.gif)}
-->
</style>

※JPGや透過していない画像の場合、色は画像に隠れますが、画像が表示できなかった場合や画像が表示されるまでの間、色は表示されるわけですから、画像のみ使いたい場合も近似色(画像に近い色)を指定していた方がいいと思いますよ。

このページのトップへ
BACK HOME
ホームページできるかな
相対パス・絶対パス HTMLって? ホームページのなかみ ホームページはどこにある? 作成手順 作成サンプル 用意するもの ホームページ用素材 HPを公開!FFFTP 基本の小技集 コラム 特殊文字 記号のよみかた いろいろな色 タグの簡易プレビュー
Copyright(C) 2003-2005 laz All rights reserved.
当サイト内の無断使用及び無断転載を固く禁じます。