スタイルシート 

<head>〜</head>の間に下記のスタイルシートを入力します

<style type="text/css">
body { background-color: #00ff00; }
p {font-size: 20px; color: #ff0000; }
div {font-size: 25px; color: #0000ff; }
</style>

1行目〜5行目の <style type="text/css">〜</style>は、スタイルシートを使う事を宣言します
2行目の body { background-color: #00ff00; } は、背景色をライム色にします
3行目の p {font-size: 20px; color: #ff0000; } は、<p>タグの部分を文字サイズ20ピクセル、文字色を赤色にします
4行目の div {font-size: 25px; color: #0000ff; } は、<div>タグの部分を文字サイズ25ピクセル、文字色を青色にします

クリックで拡大 次に <body>〜</body>の間に

<h>指定されていないので変わらず</h>
<p>スタイルシート</p>
<div>マスターした?</div>

と入力すると指定されたタグの文字や色が変化します

※カラーコードはこちらから


WEBサイト作成ランキング
基本構造 | トラックバック(-) | CM(0)

コメントの投稿














管理者にだけ表示を許可する