margin: 0 auto

marginを使用した中央揃え

padding: 10px 20px 30px;

上記のような場合、余白は上が$(1)px、右が$(2)px、下が$(3)px、左が$(4)pxとなる。

margin: 10px 20px 30px 40px;

上記のような場合、余白は上が$(1)px、下が$(2)px、左が$(3)px、右が$(4)pxとなる。

.bg-test {
  background-image: url('./img/test.jpg');
  $(1): $(2);
}

中央揃えはウェブデザインの重要な要素です。
positionやflexプロパティの活用で、任意の要素を中央に配置するテクニックを身につけます。


0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

「中央揃えのやり方について学ぼう」レッスンの総復習クイズです。