- ベストアンサー
テーブルの線の幅を一重の線にしたい
<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）
- 専門家の回答
質問者が選んだベストアンサー
とっても--少なくとも15年以上前の参考書を見ているようですが・・・ tableは、配置のために使用してはなりません。あくまで表データのみです。 また、xml/xhtmlの仕様とあわせるため、要素名属性名は小文字で書くことが多いですね。 DIR=LTR（文字方向)は、通常は書きません。代わりにlang="ja"が必須です。<html lang="ja"> <table summary="test"><!-- HTML4.01ではsummaryは必須です --> <tbody><!-- tbodyも原則必須です --> <tr> <th abbr="">・・・<!-- 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; } ・・・となります。 使用されている参考書がとっても古いようです。
その他の回答 (2)
- pringlez
- ベストアンサー率36% (598/1630)
こうしたらどうでしょうか？ <TABLE border=1 cellspacing=0 bordercolor="#808080">
お礼
ありがとうございます。
- DrFell
- ベストアンサー率55% (305/551)
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><!--●注：デザイン関する指定は、htmlには含めない--> <TR> <TH>タイトル</TH> </TR> <TD>aaa</TD> </TR> <TR> <TD>bbb</TD> </TR> <TR> <TD>ccc</TD> </TR></TABLE> </BODY> </HTML>
お礼
ありがとうございます。
お礼
ありがとうございます。