Question

问题非常愚蠢，但我从不创建了一个网页，所以请不要立即downvote。并且请不要告诉我观看totorials，我真的需要做一些类似下面描述的事情。出于某些原因，我需要创建一个非常简单的网页，其中只包含我发现的背景图片和CSS3心脏动画。 我需要在左下角设置CSS心动画，底部有100px的边距，覆盖我用作背景的另一个图像我需要添加什么来实现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>

And the CSS I'm trying to use

因此我的CSS格式很差，所以我将CSS代码添加到了pastebin中。

请注意，我从未使用过CSS，需要详细说明。感谢。

Answer 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。

将CSS动画添加到带有背景图片的网站

1 个答案: