CSS(スタイルシート)入門講座3／ホームページ作成ビギナーズガイド

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

CSS(スタイルシート)入門講座3

h1タグ部分の背景の色と文字の色を指定してみます。
サンプルページ2のstyle部分に下記のように書き加えます。

<head>
（省略）
<style type="text/css">
<!--
（省略）

h1 {
font-size:150%;
background-color:#000066;
color:#ffffff;
margin:0 0 10px 0;
padding:20px;
}

-->
</style>
</head>

background-color:○○○;　で背景の色を指定します。#000066（濃い青）を指定しました。
color:○○○;　で文字の色を指定します。#ffffff（白）を指定しました。
marginは上0 右0 下10ピクセル左0、と指定しました
paddingは上下左右それぞれ20ピクセル、と指定しました。

marginとpaddingについては一言では説明できないのでこちらをご覧下さい。

で、見た目はこうなります→サンプルページ3

CSS(スタイルシート)入門講座

CSS(スタイルシート)入門講座4｜HOME｜CSS(スタイルシート)入門講座2

お名前(N)
タイトル(T)
メールアドレス(M)
URL(U)
コメント(C)	コメントをどうぞ。
パスワード(P)
送信(S)

トラックバック

CSS(スタイルシート)入門講座4｜HOME｜CSS(スタイルシート)入門講座2

ホームページ作成ビギナーズガイド

[PR]

CSS(スタイルシート)入門講座3

関連ページ

CSS(スタイルシート)入門講座

コメント

トラックバック

メニュー

カテゴリー

リンク

RSS

Appendix