-2

質問は非常にばかげていますが、私はWeb ページを作成したことがないので、すぐに反対票を投じないでください。そして、トトリアルを見るように言わないでください。以下で説明するようなことを一度だけ行う必要があります。何らかの理由で、背景画像と周りで見つけた CSS3 のハート アニメーションのみを含む、非常に単純な Web ページを作成する必要があります。CSS のハート アニメーションを左隅に配置し、下から 100 ピクセルのマージンを持たせて、背景として使用する他の画像をオーバーレイする必要があります。これを実現するには、HTML に何を追加する必要がありますか?

私のHTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Test page</title>
   </style>
   </head>
  <body/>
   <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center>
   </body>
   </html>

そして、私が使用しようとしているCSS

SO は CSS フォーマットが非常に貧弱なので、CSS コードをペーストビンに追加しました。

私は CSS を扱ったことがないので、詳細な説明が必要であることに注意してください。ありがとう。

4

1 に答える 1

1

作成する

<div id='bigwrapper></div>

でスタイルを整えます

#bigwrapper{
   width:100%;
   height:100%:
}

そしてそこにあるあなたの心の絵。その後、必要な CSS を適用します。適切にフォーマットされたタグがないと、いくつかのことが機能しない可能性があるため、HTML マークアップを処理する必要があります。タグを適切に開閉する必要があります。

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Test page</title>
     <style></style>
 </head>
  <body>
     <center><img src="sbg.jpg" width="1280" height="800" alt="bg" /></center>
   </body>
</html>

center タグは HTML5 で非推奨になりました。使用しているトランジションは HTML5 と CSS3 でのみ機能します。

于 2013-03-06T13:06:28.803 に答える