html - divhtml5css3で画像を移動します

Question

divの上部から50px、左側から50pxのように画像を移動する場合（アニメーションについては話していませんが、使用する必要があるのはパディングですか？）

<header>
<img src="logo.png" alt="" />
</header>

header {
 width...
height:
background: (url)
}

Answer 1

画像を背景として指定できます。

<header></header>

CSS:

header {
  background-image:url(logo.png) 50px 50px;
}

または、absoluteポジショニングを使用します。

<header>
  <img src="logo.png" alt="" />
</header>

CSS:

header { position:relative; }
header img {
  position:absolute;
  top:50px;
  left:50px;
}

Answer 2

あなたが探している解決策は次のとおりだと思います。

ヘッダー { パディング: 50px 0px 0px 50px }

これにより、ヘッダーの上から 50 ピクセル、左から 50 ピクセルのパディングが作成されます。

ありがとう、A.