あきこ@ゆっくりパソコンです。
ホームページお助け講座
classとID
◆◆◆◆参考◆◆◆◆
・教えて~■[HTMLタグ]<div>
<div>では
ブロックごとにいろんな決めごとをしたいので、その指定の仕方です。
とりあえず、文字を赤くしてみます。
<style type="text/css">
div { color: red; }
</style>
<div> ここは赤い </div>
これだとdivの種類は1種類だけしか指定できないのでグループに名まえ(Class)をつけたいと思います。
<style type="text/css">
div.red{ color: red; }
div.green{ color: green; }
</style>
<div class="red"> ここは赤い </div>
<div class="green"> ここは緑 </div>
<div>
これだけ特別にしたい!
というものに特別な名前(ID)をつけます。
IDは1ページに1回しか使えないのできをつけてね。
<style type="text/css">
div#tokubet{ color: purple; }
</style>
<div id="tokubetu"> ここは特別<div>
お試しください~~
ホームページお助け講座
classとID
◆◆◆◆参考◆◆◆◆
・教えて~■[HTMLタグ]<div>
<div>では
ブロックごとにいろんな決めごとをしたいので、その指定の仕方です。
とりあえず、文字を赤くしてみます。
<style type="text/css">
div { color: red; }
</style>
<div> ここは赤い </div>
ここは赤い
これだとdivの種類は1種類だけしか指定できないのでグループに名まえ(Class)をつけたいと思います。
<style type="text/css">
div.red{ color: red; }
div.green{ color: green; }
</style>
<div class="red"> ここは赤い </div>
<div class="green"> ここは緑 </div>
<div>
ここは赤い
ここは緑
これだけ特別にしたい!
というものに特別な名前(ID)をつけます。
IDは1ページに1回しか使えないのできをつけてね。
<style type="text/css">
div#tokubet{ color: purple; }
</style>
<div id="tokubetu"> ここは特別<div>
ここは特別
お試しください~~