テーブルの線の幅を一重の線にしたい

解決済

質問者：nsrvbmia
質問日時：2013/02/02 10:10
回答数：3件

<HTML DIR=LTR>
<HEAD>
</HEAD>
<BODY>
<TABLE border=1 bordercolor="#808080">
<TR>
<TH>タイトル</TH>
</TR>
<TD>aaa</TD>
</TR>
<TR>
<TD>bbb</TD>
</TR>
<TR>
<TD>ccc</TD>
</TR></TABLE>
</BODY>
</HTML>

これにすると画像のように線の幅が二重線になってしまうのですが、
一重にするにはどうすればいいですか？

<TABLE border=1 を<TABLE border=0にすると、線が消えてしまいます。

通報する

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

質問の本文を隠す

回答 (3件)

No.1

回答者： DrFell
回答日時：2013/02/02 11:26

nsrvbmiaさんは、今からhtmlを学ばれるのでしょうか？それならweb標準と呼ばれるcss+htmlによる記述をお勧めします。

というのも、tableタグの中に罫の指定を入れる手法は、今や過去のものとなっているものなので。

現在の主流は、スタイルシートによりデザインを付けます。スタイルシートは文中、head内、別ファイルとありますが、ここではhead内への指定を示します。デザインと伝えたい本質を分離することで、制御が楽になり、端末の違いを吸収するのが楽になってきております。

<HTML DIR=LTR>
<HEAD>
<style type="text/css">/*●注：見た目のデザインはスタイルシートにします。●*/
table{border-collapse:collapse;}/*テーブルの罫線は1重にしてね*/
tr *{border:1px solid #808080;}/*trの子ども（th,td）の罫線の指定*/
</style>
</HEAD>
<BODY>
<TABLE>
<TR>
<TH>タイトル</TH>
</TR>
<TD>aaa</TD>
</TR>
<TR>
<TD>bbb</TD>
</TR>
<TR>
<TD>ccc</TD>
</TR></TABLE>
</BODY>
</HTML>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

通報する

お礼日時：2013/02/08 23:44

No.2

回答者： pringlez
回答日時：2013/02/02 20:09

こうしたらどうでしょうか？

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。

通報する

お礼日時：2013/02/08 23:44

No.3ベストアンサー

回答者： ORUKA1951
回答日時：2013/02/03 14:35

とっても--少なくとも15年以上前の参考書を見ているようですが・・・

tableは、配置のために使用してはなりません。あくまで表データのみです。
また、xml/xhtmlの仕様とあわせるため、要素名属性名は小文字で書くことが多いですね。
DIR=LTR（文字方向)は、通常は書きません。代わりにlang="ja"が必須です。<html lang="ja">

<table summary="test">
　<tbody>
　　<tr>
　　　<th abbr="">・・・
・・とかです。後方互換のためborder="1" のみは書いておくほうが良いでしょう。
<table summary="test" border="1">

　どのように描画するかはスタイルシートで記述します。
table[summary="test"]{ /* summary属性の値がtestのtable */
border-collapse:collapse; /* 結合ボーダーモデルを指定します */
border:solid 1px red;/* tableの外枠を指定します */
}
table[summary="test"] th,
table[summary="test"] td{ /* セルの指定です */
border: solid blue gray;
}
・・・となります。

　使用されている参考書がとっても古いようです。