Q&A
ソースコードはMarkDownの<code>ブロック内に貼り付けてください。
質問は編集できますので。
前提・実現したいこと
HTML CSSの背景の装飾をしたい。
ここに質問の内容を詳しく書いてください。
動画サイトをみてHTMLとCSSの勉強をしているものです。
上記のような画像の通り、リンク集の背景にオレンジ。検索サイトの文字の左にオレンジの棒を表示させたいのですが、以下の画像のようになってしまいます。どうすればよいでしょうか？
動画サイトのCSSのコードはこのようなものです。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
エラーメッセージ
該当のソースコード
ソースコード ```<!DOCTYPE html> <html lang = "ja-jp"> <head> <meta charset = "utf-8"> <title>リンク集</title> <link rel ="stylesheet" href = "link-study3.css"> </head> <body> <header> <h1>リンク集</h1> <header> <h2>検索サイト</h2> <ul> <li><a href="http://www.yahoo.co.jp" target= "_blank">Yahoo!Japan</a></li> <li><a href="http://www.google.co.jp" target= "_blank">Google</a></li> </ul> </body> </html> CSS @charset "utf-8"; header { background-color: #f18d00; } h1 { font-size: 24px; color: #ffffff; } h2 { font-size: 18px; padding: 5px; border-left: solid 5px #f18d00; ### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報（FW/ツールのバージョンなど） エディタはAtomです ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
headerタグの閉じ忘れだと思います。
html
1 2<header> 3<h1>リンク集</h1> 4<header> <!-- ←</header>では？ --> 5
投稿2021/04/01 05:58
総合スコア36960
<header>
<h1>リンク集</h1>
<header>
から
<header>
<h1>リンク集</h1>
</header>
/を追加したところ、反映されました。ご回答ありがとうございました。
あなたの回答
tips
プレビュー
