Q&A
https://www.hitachi-systems.com/
こちらの最初の赤いバーのように作りたいのですが、
<!doctype html> <head><link rel="stylesheet" type="text/css" href="a.css"></head> <body> <header> <div class="topbar"> </div> </header> </body> </html>
body { padding:0; } .topbar { margin:0; height:5px; width:100%; background-color:red; border:black; }
このようにすると赤いバーの周りに、余白が出来ます。どうすれば、余白ができませんでしょうか。
回答1件
0
ベストアンサー
ブラウザの初期値のマージンがあるので、それを打ち消せばいいでしょう。
css
1body { 2 padding:0; 3 margin: 0; /* 追加 */ 4}
あるいは、リセットCSSで既定のスタイルを最初から打ち消しておくという方法もあります。
投稿2021/03/05 10:02
総合スコア34073
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/03/05 10:39