今、サンプルページをCSSで制作しているのですが
ページ上の余白がどうあがいても消すことが出来ません。
結構調べましたが
原因となるものが特定できません。
詳しい方ご教示お願い致します。
以下、コードです。
HTML
1 2 3<!DOCTYPE html> 4<html lang="ja"> 5 <head> 6 <meta charset="utf8"> 7 <title>sample</title> 8 </head> 9 <body> 10 <header> 11 <h1 class="nume2">BECAME GAMERS</h1> 12 HoMe 13 MeNu 14 お問い合わせ 15 </header> 16 <section> 17 <h1>話題の超人気ゲームのマニアックな最新情報をいち早くお届け!</h1> 18 <h2>カテゴリ</h2> 19 </seciton> 20 <section> 21 <h1>ACTION</h1> 22 <p>ナルティメットストーム 4</p> 23 <h1>RPG</h1> 24 <p>DARK SOULS III</p> 25 <h1>FPS</h1> 26 <p>FAR CRY PRIMLE</p> 27 <h1>RACE</h1> 28 <p>NEED FOR SPEED UNDER COVER 2</p> 29 </section> 30 </body> 31</html> 32
CSS
1 <style> 2 html{ 3 margin:0; 4 } 5 body{ 6 text-align:center; 7 margin:0; 8 } 9 header{ 10 text-align:left; 11 margin:0; 12 } 13 h1{ 14 margin:0; 15 } 16 .nume2{ 17 margin:0; 18 background-color:black; 19 color:white; 20 width:100%; 21 height:150px; 22 } 23 </style> 24
それでは、宜しくお願い致します。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。