今、初めてHPを作っていて、いろんなサイトを回りながら作っているんですが、横線を付けるのはということは分かったんですが、縦線の付け方が分かりません、、メモ帳などにどう書けばいいか教えてください、、

>縦線をどっかから持ってきて違う。こう test1 test2

やり方は、いろいろあるとおもいます。 FRAMEで区切る方法もありますし、画像で区切る方法もあると思います。また、こんな、tableタグでする方法もあります。 aaaa bbbb cccc dddd eeee ffff border="3"で線の太さを変えられます。 bordercolor="red"のredを他の色を指定すれば色が変えられます。 frame="void"で外枠を消してます。 rules="cols"で縦線のみにしています。

縦線

解決済

質問者：zyacku
質問日時：2007/01/19 01:51
回答数：5件

今、初めてHPを作っていて、いろんなサイトを回りながら
作っているんですが、横線を付けるのは<hr> </hr>
ということは分かったんですが、
縦線の付け方が分かりません、、
メモ帳などにどう書けばいいか教えてください、、

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： neorg
回答日時：2007/01/19 20:05

ANo.3 neorgです。

補足です。
<HTML>
<TABLE border="3" bordercolor="red" frame="void" rules="cols" width="390" height="250" cellpadding="15">
<TR>
<TD width="100" VALIGN="top">aaa</TD>
<TD width="150" VALIGN="middle">bbb</TD>
<TD width="50" VALIGN="bottom">ccc</TD>
</TR>
</TABLE>
</HTML>

widthやheightの数値を書き換えると、長さや間隔を調整できます。
cellpaddingで線と文字のスキマを調整できます。
<td><img src="/test.jpg"></td>のように画像も入れることができます。
frame="void"を一時的に削除しておくと全体の感じかつかめると思います。

たしか、半角で入らないのであれば、全角のスペースでいれて見て下さい。
うまく行くときがありました。
特殊文字で入れてみる方法もあるとおもいます。

参考URL：http://www.shurey.com/Soft/JavaScript/font.html

- 0
- 件

通報する

No.4

回答者： noname#39970
回答日時：2007/01/19 15:26

>縦線をどっかから持ってきて

違う。こう

<div>
　<span style="border-right:solid 1px">test1</span>
　<span>test2</span>
</div>

- 0
- 件

通報する

No.3

回答者： neorg
回答日時：2007/01/19 09:29

やり方は、いろいろあるとおもいます。

FRAMEで区切る方法もありますし、画像で区切る方法もあると思います。
また、こんな、tableタグでする方法もあります。

<html>
<table border="3" bordercolor="red" frame="void" rules="cols">
<tr><td>aaaa</td><td>bbbb</td></tr>
<tr><td>cccc</td><td>dddd</td></tr>
<tr><td>eeee</td><td>ffff</td></tr>
</table>
</html>

border="3"で線の太さを変えられます。
bordercolor="red"のredを他の色を指定すれば色が変えられます。
frame="void"で外枠を消してます。
rules="cols"で縦線のみにしています。