４

 画面を少しいじってみよう！

hyoujun.gif (3488 バイト)

１．

 罫線をいろいろいじってみよう
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

基本編で罫線の書き方をやったね。今回はその罫線をもっといろいろアレンジしてみようということなんだ｡
罫線を使って画面をいろいろ分割する時に色をつけたり、太さを変えたり、とりあえずやってみよう。
（※罫線に色がつくのはIE.gif (941 バイト)のみです）
今回は一気にいろんな罫線の変化をやるからね、がんばってね。

<HR SIZE="■">
<HR WIDTH="■">		 　　　・・・・罫線の太さ
　　　・・・・・罫線の長さ

■：ピクセル数で指定。
（長さの指定では％で指定できる）

　

<HR ALIGN="▲"> 　　　・・・・・罫線の位置

▲：left（左）、center（真ん中）、right（右）の指定

　

<HR COLOR="★"> 　　　・・・・・罫線の色（IE.gif (941 バイト)のみ）

★：色を指定
（”#RRGGBB”でも普通に色指定でもよい）

　

<HR NONSHADE> 　　　・・・・・影のない罫線

５つも効果の方法が出てきたね。これらを組み合わせて自分の好きな罫線を作ろう。
例としてひとつ、様々な効果を使った罫線だよ。

　SOURCE
<HTML>
<HEAD>
<TITLE>文字色</TITLE>
</HEAD>
<BODY>
<HR SIZE="5" WIDTH="50%" ALIGN="center" COLOR="blue">
↑SIZE（太さ）が５、WHIDTH（長さ）が50％（半分）、ALIGN（位置）は真ん中、COLORは青
 </BODY>
</HTML>

このようにして罫線を様々にアレンジしよう。
書き方の組み合わせの順番はどのような順番でもいいからね。
※%記号を使った場合は必ず " でくくること。 " について詳しくはこちら

　RESULT 　

太さ５、長さ50％、位置は真ん中、色は青↑

できたかな。

back2.gif (978 バイト)　罫線をいろいろいじってみよう
next.gif (705 バイト)　背景にイメージを使おう！