罫線をアレンジする

罫線をアレンジする

罫線とは以下のようなものです。
この罫線をアレンジしてみます。

HTMLを使ってできることは既に解説しているので、
ここではそれ以外の内容を解説します。

まずは先ほど解説したボックスのスタイルシートを使って
罫線のアレンジをしてみます。

<hr size="3" align="left" style="width:400px; border-color:#7799ff; border-style:dotted;">
　　↓

このとき、太さは　border-width:--px;　ではなく、
size="--"で指定しないと、太くならないようです。

次は画像を使用して罫線の変わりとする方法です。

まずは何か画像を用意します。

次にその画像の表示を横に引き伸ばします。

<img src="wall/tono-a146.png" border="0" width="400" height="4">
　　↓

次の方法はテーブルタグを使う方法です。

まず、ボーダーラインが0の細長いテーブルを作ります。
そして、背景画像として好きな画像を指定します。

<table border="0" width="400" height="4" background="wall/tono-a073-1.png" cellspacing="0">
<tr><td></td></tr></table>
　　↓

根気があれば、文字を使うことでも
罫線の代わりとすることができます。

一単位作ったら、あとはコピーすれば効率的です。

☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆

タグは以下のようになっています。


☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆★
☆


もうひとつ。
これも文字だけで作っています。

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■

タグは以下のようになっています。


□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■


次は　表示する位置を指定する　です。

メニューに戻ります。