やりかたはとっても簡単。枠をつけたいところに
<DIV STYLE="border:幅 スタイル 色">囲みたい文字</DIV>
とやるだけ!
「幅」には「thin」(細い)、「medium」(中間)、「thick」(太い)のどれかを入れる。
10pxや1.5cmなどの単位でも指定できます。
枠線のスタイルの指定は以下の通り。
solid:実線
double:二重線
groove:溝のような線
ridge:浮き出た線
inset:インセット
outset:アウトセット
どの枠線がどういった状態かは、一番下に作ってあるので参考に。
色の指定は、「#00ccff」などのカラーコードでもいいし、「lightblue」のように定義された色の名前でも可能。
ためしにやってみましょう。
例:<DIV STYLE="border:thick groove
lightpink;
position:center;width:400>枠線のデザインをアレンジ</DIV>
枠線のデザインをアレンジ
と上記のようなかんじになります。
2行目の「position:center;width:400」は
「position」つまり画面全体での位置は中心に(他にleft、right)、
「width」、横の幅の広さは400で、という指定になります。ちなみに、この二重線の横幅指定は450になってます。
スタイル:solid
色:lightskyblue
スタイル:double
色:skyblue
スタイル:groove
色:lightblue
スタイル:ridge
色:lightskyblue
スタイル:inset
色:lightskyblue
スタイル:outset
色:lightskyblue
HOME