HPに縦線が引きたい!!

誰か~~~~~

お願い~~~~~~~~

このQ&Aに関連する人気のQ&A

A 回答 (4件)

たとえば2つのコラムに分けている場合とか、見る人の環境によって、かなり上下がちがってきますよね。

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

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



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

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

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

こんな方法も。


<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
    • good
    • 0

こんにちは!



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

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

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

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

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

この回答への補足

なななるほど!!・・・

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

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

補足日時:2002/01/30 19:14
    • good
    • 0

このQ&Aに関連する最新のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


このカテゴリの人気Q&Aランキング

おすすめ情報

カテゴリ