前提・実現したいこと
最近WEBデザインの勉強を始め、htmlとcssを勉強しているのですが、背景の設定に関してわからないことがあります。
文字を残したまま、header、main、footerの間にできた隙間をなくして背景の色が繋がるようにしたいです。
この場合どうすればよいのでしょうか?
発生している問題・エラーメッセージ
```![イメージ説明](3f1347b16b56215e666766648d49b553.png) ### 該当のソースコード ```html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>下書き</title> <link rel="stylesheet" href="style sitagaki.css"> </head> <body> <div class="header"> <h1>下書きs</h1> </div> <div class="main"> <h2>namber</h2> <ul> <li>1番</li> <li>2番</li> <li>3番</li> <li>4番</li> <li>5番</li> </ul> </div> <div class="footer"> <h2>Q&A</h2> </div> </body> </html>
css
1.header{ 2 background-color:#0066CC ; 3 height: 200px 4} 5.main{ 6 background-color: #FF6633 ; 7 height: 300px; 8} 9.footer{ 10 background-color: #669933 ; 11 height: 200px; 12}
試したこと
h1、h2、liタグの要素ををすべて消したら隙間はなくなりましたが、文字があると隙間ができてしまいます。
OS windows10
使用エディタ Atom
回答4件
あなたの回答
tips
プレビュー