ＨＰに縦線を！！

質問

ＨＰに縦線が引きたい！！

誰か～～～～～

お願い～～～～～～～～

回答No.3

tukise_emu · ベストアンサー

一応、前2人の補足という感じになりますが、

横幅100ピクセルの線を引く方法
<hr width="100">

ブラウザ(表示されている画面)の半分(50%)の線を引く方法
<hr width="50%">

テーブルを使う方法
<table>
<tr>
<td width="100">　←横幅100のテーブルを作成
<hr>　←テーブル内に横線を引く
<hr width="50%">　←テーブル横幅の50%分の横線を引く
</td>
</tr>
</table>

回答No.4

nyanchu

たとえば2つのコラムに分けている場合とか、見る人の環境によって、かなり上下がちがってきますよね。そう言う場合、伸び縮みする縦線をつくった方がいいですよね。単純に実線でくぎる場合、1ピクセル幅の<td>で、好きな色をつければできます。
<td>左の内容</td><td>1ピクセル幅のセル</td><td>右の内容</td>
みたいな感じで。（その場合透明の1ピクセル画像とかを入れて下さい）
また、点線とか、模様とか飾り罫みたいなのを引きたいときは、<td>にbackgroundの指定をしてあげればできます。くり返してもおかしくないように小さな画像をつくって、指定すればOKです。

回答No.2

siraq

こんな方法も。
<hr style="width:よこのながさpx;height:たてのながさpx;">

要素全体に対してなら
<p style="border-left:ふとさpx 線種 いろ">
などなど
線種は何種類かありますがsolidが無難です。

スタイルシートなので多様な表現ができる一方、
ちぐはぐな作りこみをされたページでは
それにあわせてちぐはぐになってしまいます。
あとnetscape navigator 4以前の場合、
borderはデタラメな解釈をされます。

参考URL：

http://tohoho.wakusei.ne.jp/wwwcss2.htm#Border

回答No.1

TRADA

こんにちは！

結構簡単なのはテーブルを使ったりするのですが
あえて省略し、線を書くという部分の解説です。

1px×1px の画像(線の元)「line.gif」を用意します。

<img src="line.gif" width="1" height="n">

でnの長さの縦線が書けます。

これをテーブル等と組み合わせれば簡単に画面分割
等に使えると思いますよ～

補足

なななるほど！！・・・

>結構簡単なのはテーブルを使ったりするのですが
>あえて省略し・・・

よろしければこれも教えて下さい！！
トーシローなんでイロイロ試してみたいんで・・・