Css 两个div-第二个div的居中和背景未显示_Css_Html

Css 两个div-第二个div的居中和背景未显示

css html

Css 两个div-第二个div的居中和背景未显示,css,html,Css,Html,我试图制作一个有三个div的网页，三个div的背景相同，一个在左上角（就像屏幕一样），一个在中间，一个在左下角。我让左上方的一个工作，并复制了相同的代码只是改变路线。第二种方法只是将文本放在顶部，没有格式。这让我快发疯了多谢各位 body { font-family: Copperplate / Copperplate Gothic Light, sans-serif; background-image: url(AAHbackground.jpg); backgroun

我试图制作一个有三个div的网页，三个div的背景相同，一个在左上角（就像屏幕一样），一个在中间，一个在左下角。我让左上方的一个工作，并复制了相同的代码只是改变路线。第二种方法只是将文本放在顶部，没有格式。这让我快发疯了

多谢各位

  body {
   font-family:  Copperplate / Copperplate Gothic Light, sans-serif; 
  background-image: url(AAHbackground.jpg);
  background-size: cover;
}


    #welcome { 
    padding:   5px; 5px;5px; 5px;      
  padding-left:   10px;      
   margin:             10x 10x 10x 10x;
   text-align:  left;
   color: #191919;
  background-image:    url(Divbackgrounds.jpg);
  background-repeat:   no-repeat; 
  float: left;
  width: 350px;
 p style = "float: left;"
 color : #731D1D;
h1, h2 {
  color:               #FF0066;
 }

    #leed {
      padding:   5px; 5px;5px; 5px;      
  padding-right:   30px;      
   margin:   10x 10x 10x 10x;
   text-align:  center;
   color: #191919;
  background-image:    url(Divbackgrounds1.jpg);
  background-repeat:   no-repeat
  position: absolute; left: 100px; top: 100px;
  width: 350px;
   color : #731D1D;
   h1, h2 {
  color:               #FF0066;
 }

问题出在这里。它似乎在移动文本等等，但没有将背景图像附加到文本上。下面是HTML代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link type="text/css" rel="stylesheet" href="AAHStylesheet.css"/>
<title>Appalachian </title>

</head>

<body>

 <div id ="welcome">
<h1> Title </h1>

 <p>text text text</p>


</div>

<div id ="leed">
  <h1>Header/h1>

 <p>text .</p>

</div>

 </body>
</html>


阿巴拉契亚山脉
标题
文本文本文本
页眉/h1>
文本

请帮忙：）

凯特

你可以看看