- ベストアンサー
なぜこのコードは下に線が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本だけ線を引きたい場合 どうすれば良いでしょうか?
- みんなの回答 （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>
その他の回答 (1)
- notnot
- ベストアンサー率47% (4900/10359)
回答No.1
＞ <h1>test<h1> と、h1タグが2つあるからでしょう。 <h1>test</h1> の書き間違いだと思います。
質問者
お礼
回答ありがとうございました。
お礼
回答ありがとうございました。