教えてください

[新着] TAG indexオフライン版 3.0 を準備中です



0   名前: pinhall : 2005/01/06 18:28   [URL
例えばこのページの最初の方にあるような線がかなり細い表はどのようにして作るのでしょうか?教えてください

1   名前: pinhall : 2005/01/06 18:29   [URL
http://www.tagindex.com/html_tag/info/basic.html
書くの忘れてました

2   名前: (´・ω・`) : 2005/01/06 19:03
これでできるはず

<TABLE BORDER="1" BORDERCOLOR="#FF0000">

色はお好みでどうぞ


3   名前: pinhall : 2005/01/06 21:37   [URL
できませんが・・・

4   名前: 七鍵 : 2005/01/06 21:43   [URL
<html>
<head>
<title></title>
<style type="text/css">
<!--
table {border-collapse:collapse;}
td {border:1px solid #000000;}
-->
</style>
</head>
<body>
<table cellspacing=0>
<tr><td>ぴよ</td><td>ぴよ</td></tr>
<tr><td>ぴよ</td><td>ぴよ</td></tr>
</table>
</body>
</html>

スタイルシートを使用すればもう少し細くなります。
境界線の指定方法は
http://www.7key.jp/hp/_table/6.html
も参照下さい。

5   名前: まずる : 2005/01/06 23:52
タグだけでできます。
適当なファイルに貼って試してみて下さい。

<table border="0" cellpadding="3" cellspacing="1" bgcolor="#000000">
<tr>
<td bgcolor="#ffffff">左上</td>
<td bgcolor="#ffffff">右上</td>
</tr>
<tr>
<td bgcolor="#ffffff">左下</td>
<td bgcolor="#ffffff">右下</td>
</tr>
</table>

celpadding は、<td>の枠と中の文字等との距離を、
cellspacing は、<td>で囲まれる枠と枠の距離です。

例では cellpadding は適当に 3
<td>同士の隙間を 1
にしています

ここで tableの bgcolor を黒(#000000)にして、
<td> の bgcolor を白(#ffffff)にすると、
隙間の1px分だけ、テーぐるの背景色の黒が反映されます
もちろん <td> の背景色は白ですから、1pxの枠のテーブルができるというわけです

一覧へ戻る