• ベストアンサー

なぜこのコードは下に線が2本引かれるのでしょうか

<html> <head> <title>test</title> <style type="text/css"> h1{ border-bottom: 1px solid #ccc; } </style> </head> <body> <h1>test<h1> </body> </html> なぜこのコードは下に線が2本引かれるのでしょうか? 文字の下に1本だけ線を引きたい場合 どうすれば良いでしょうか?

画像を拡大する
  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • togurin
  • ベストアンサー率45% (81/180)
回答No.2

testの後ろのh1タグに「/」が無いのが原因です。 <h1>test<h1> ↓ <h1>test</h1> 後ろのh1に「/」が無いので、もう一つ空文字のh1に対しても下に線が引かれることになり、 下線が二本引かれているように見えています。 ・修正例 <html> <head> <title>test</title> <style type="text/css"> h1{ border-bottom: 1px solid #ccc; } </style> </head> <body> <h1>test</h1> </body> </html>

jdorfbonh
質問者

お礼

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

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • notnot
  • ベストアンサー率47% (4903/10364)
回答No.1

＞ <h1>test<h1> と、h1タグが2つあるからでしょう。 <h1>test</h1> の書き間違いだと思います。

jdorfbonh
質問者

お礼

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

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

注目のQ&A

カテゴリ

OKWAVE コラム

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

専門家に質問してみよう

職業から探して質問する
質問する