- ベストアンサー
CSSでテーブルで細い線が出ない
- CSSを使用してテーブルで細い線を表示させる方法がわかりません。
- HTMLのコードを書いて試したのですが、うまく線が表示されません。
- スキルが足りないため、指導をお願いしたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
validatorがあるのでチェックしておきましょう。 ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html# ) でHTML全体のチェック ⇒W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input ) でCSSのチェックをして置きましょう． borderの綴り間違いです。 ★firefoxの開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ )にある ・開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ ) ・開発者向けツール( https://addons.mozilla.jp/firefox/extensions/developer_tools/ ) でも良いです。 全文を上げておきます。 タブは＿に置換してあるので戻すこと ★単にむやみにコピーするのではなく、きちんと理解して活用しましょう。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- table[summary="WebDesign"]{ border-collapse: collapse; width: 400px; line-height:2em; margin:0.5em auto; } table[summary="WebDesign"], table[summary="WebDesign"] th, table[summary="WebDesign"] td{ border:solid 1px #1C79C6; } table[summary="WebDesign"] th, table[summary="WebDesign"] td{ padding:0.3em 0.5em; } --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<table summary="WebDesign"><!-- summaryは必須 TBODY+ --> ＿＿＿<thead> ＿＿＿＿<tr> ＿＿＿＿＿<th abbr="title">項目</th> ＿＿＿＿＿<th abbr="data">値</th> ＿＿＿＿</tr> ＿＿＿</thead> ＿＿＿<tbody><!-- tbodyはひとつ以上必須 --> ＿＿＿＿<tr> ＿＿＿＿＿<td>Webデザイン</td> ＿＿＿＿＿<td>Webデザイン</td> ＿＿＿＿</tr> ＿＿＿＿<tr> ＿＿＿＿＿<td>Webデザイン</td> ＿＿＿＿＿<td>Webデザイン</td> ＿＿＿＿</tr> ＿＿＿</tbody> ＿＿</table> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿＿<dt id="LAST-MODIFIED">Last Modified</dt> ＿＿＿<dd>2012-08-10 12:00:00 (JST)</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
その他の回答 (1)
- DrFell
- ベストアンサー率55% (305/551)
単純なスペルミスです。 「border」のrが抜けているので、線と解釈できないだけ。
