CSS

marginで外側の余白を設定しよう

marginプロパティを使ってheader領域の余白を設定していきます。

  • marginの設定

marginの設定

・marginを指定することによって余白を調整することができます。

・ブラウザを見ると外側に余白があることがわかります。しかしheaderをみていてもmarginが指定されていません。どこにmarginが指定されているかというと一般的に初期設定でbodyに指定されていることがあります。

・なのでbodyのmarginをみてみると今回も8pxの余白が指定されていますこれを0にしてあげれば余白がなくなるのでbodyにmarginを0に指定してあげます。

margintop, bottom, right,leftをそれぞれ0pxに指定してあげましょう。もしくは全部同じpxで指定する場合はmargin: 0px;とも指定できます。また、0pxの場合は単に0;と指定もできます。

-CSS