| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

スタイルシートを使う

▼文字をレイアウトする(ページ全体)

<body>〜</body>の間にある文章を全て同じ色とサイズで指定する場合。

<style type="text/css">
<!--
body
{
color: #6600ff ;
font-size: 30pt ;
}
-->
</style>

<html>
<head>
<title>
私のホームページ
</title>
<style type="text/css">
<!--
body
{
color: #6600ff ;　←FONTカラーを#6600ffに指定しています。
font-size: 30pt ;　←FONTサイズを30ptに指定しています。
}
-->
</style>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099">
<h1>HP作成支援 </h1>
〜中略〜
</body>
</html>

サンプルページ

▼文字をレイアウトする(一部のタグに対してのみ)

<p>タグに対してだけ色とサイズをする指定する場合<head>から</head>の間に以下のタグを入力します。td、table、fontなどにも応用できます。

<style type="text/css">
<!--
p
{
color: #000000 ;
font-size: 16pt ;
}
-->
</style>

<html>
<head>
<title>
私のホームページ
</title>
<style type="text/css">
<!--
p
{
color: #000000 ;
font-size: 16pt ;
}
-->
</style>
</head>
<body text="#999999" link="#0000FF" vlink="#000099" alink="#000099">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
<p>この文字だけpのタグで囲まれています。</p>
この文字は、pで囲まれていません。<br>
<p>この文字だけpのタグで囲まれています。</p>
この文字は、pで囲まれていません。<br>
<p>この文字だけpで囲まれています。</p>
</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.