便箋風の罫線

解決済

質問者：s-holmes
質問日時：2002/07/14 21:05
回答数：4件

tableを使って便箋風の罫線を作る方法を教えて下さい。
普通はtableの表は行ごとに囲まれますが、行の下部だけの罫線だけが見えるようにして、便箋のような形にしたいのですが・・・。tableを使うのを条件として。

↓↓↓こんな感じ

------------------------------------------------

------------------------------------------------

------------------------------------------------

------------------------------------------------

通報する

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

質問の本文を隠す

回答 (4件)

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

No.2ベストアンサー

回答者： Adams2001
回答日時：2002/07/14 23:23

レイアウトにテーブルを使うのは好きじゃないんですが、スタイルシートでサクッと書くとこんな感じかな。

<html>
<head>
<title>便箋もどき</title>
<style>

</style>
<body>
<h1>普通のテーブル</h1>
<table width="100%" border="1">
<tr><td>これは普通</td></tr>
<tr><td>これは普通だね</td></tr>
<tr><td>これは普通でんがな</td></tr>
</table>

<h1>便箋もどき</h1>
<table width="100%" class="Binsen">
<tr><td>こんな感じ？</td></tr>
<tr><td>こんな感じかしら？</td></tr>
<tr><td>こんな感じでよかですか？</td></tr>
</table>

</body>
</html>

- 1
- 件

通報する

この回答へのお礼

回答ありがとうございました。

>こんな感じでよかですか？

これが、ずばり、やりたかったことです。目的にピッタシ！

>border-bottom

こういうことですか。初めて知りました。 (^^;

通報する

お礼日時：2002/07/15 05:41

No.4

回答者： shunet
回答日時：2002/07/15 03:24

tableを利用するのが条件ということで

<table width=80% border=0 cellpadding=0 cellspacing=0>
<tr><td height=1 bgcolor=#999999></td></tr>
</table>

これで灰色の棒が一本
ただ、スタイルシートを利用したほうがあきらかにスマート

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
シンプルな方法で手軽に使える方法ですね。
活用したいと思います。(^O^)

通報する

お礼日時：2002/07/15 05:48

No.3

回答者： lmeelm
回答日時：2002/07/14 23:36

罫線のタグである<HR>をそのまま使うとしたら、

<HR style="color:white;border:2 dotted black;">
<HR style="color:white;border:2 dashed black;">

color:white;　は背景色と同じにして下さい。
上は点線、下は破線になります。

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
<HR>ってtableの中にも使えるのですね。 (^^;
恥ずかしながら、使ったことがなかった・・・。

レベルの低い話ですみません。
＃勉強になりました。

通報する

お礼日時：2002/07/15 05:46

No.1

回答者： yuizuian
回答日時：2002/07/14 21:31

そういう背景画像を作ればできますよ。

ラインだけを作っておいて
<TABLE>
<TR><TD>本文</TD></TR>
<TR><TD><IMG SRC="Line.gif"></TD></TR>
</TABLE>
とするもよし、
便箋のような画像を作っておいて
<TABLE>
<TR>
<TD BACKGROUND="letter.gif">本文</TD>
</TR>
</TABLE>
としてもよし。