-2

这个问题很愚蠢，但我从未创建过网页，所以请不要立即投反对票。并且请不要告诉我看totorials，我真的只需要做一次如下所述的事情。由于某些原因，我需要制作一个非常简单的网页，只包含一张背景图片和一个我在周围找到的 CSS3 心脏动画。我需要将 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 代码添加到了 pastebin。

请注意，我从未使用过 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>

中心标签在 HTML5 中已被弃用，您使用的过渡仅适用于 HTML5 和 CSS3。

于 2013-03-06T13:06:28.803 回答