スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
-------- : スポンサー広告 :

CSSでHPのタイトルの背景に色をつけます

初心者が挑戦する
HTMLとCSSで作成中のHPに
CSSにて
(CSSって何?という方は 過去の記事 CSSとは を参考にどうぞ♪
参考になるかどうかは謎ですが・・・(^ー^))
ホームページのタイトル部分の背景の色をつけてみます!

HTMLで
↓このように入力し
(これがHPのタイトル部分に表示されるタイトルになります。)

<!--ヘッダー--!>
<div id="header">
<h1>HTMLとCSSで作る初心者のHP作成</h1>
</div>



CSSでこのように入力します

/*ヘッダー*/
div#header {back-ground-color:#79AEAE}



(これが色の指定をする部分です。
div#headrとありますが
HTMLで入力した
div id="header"に対して
CSSが
div#header {back-ground-color:#79AEAE}
と、なるみたいです。
CSSの#(シャープ)は、HTMLの id=(アイディーイコール) のことなのかな?)

どこに入力するかというと、

---------------------------------------------
<HTML>

<HEAD>

<TITLE>初心者HTML</TITLE>

<style type="text/css">

/*ヘッダー*/

div#header {background-color:#79aeae}

</style>

</HEAD>

<BODY>

<!--ヘッダー--!>

<div id="header">

<h1>HTMLとCSSで作る初心者のHP作成</h1>

</div>

<h2>HTMLでHPを作ってみよう!</h2>

<p>超初心者がHPを作るまでの道のり。 超基本からスタートする初心者のためのサイト!</p>

<h3>HTMLって何?CSSって何?</h3>

<p>初心者ならではの、わかりやすい説明でHP作成を作っていきます!</p>

<div id="footer">

<address>

Copyright (C) 初心者HTML,All rights reserved.

</adress>

</div>



</BODY>

</HTML>
-----------------------------------------------------------


どこに入力するかというと
HTMLの入力は、
<BODY>~</BODY>の間へ!

CSSの入力は
<style type="text/css">~</style>

の間へ。入力するみたいです。

基本、HTMLは
<BODY>~</BODY>の中に入っていて
CSSは
の中に入っているみたいです。


すると、こんな感じになります♪
↓タイトル部分に青い色がつきました♪
syosinsya.jpg
スポンサーサイト
2012-04-07 : CSS : コメント : 0 : トラックバック : 0 :
コメントの投稿
非公開コメント

« next  ホーム  prev »

QRコード

QR

検索フォーム

スポンサードリンク

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。