Question

我正在尝试制作一个网页，其中三个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>

请帮忙:)

Kat

Answer 1

您可以查看 CSS background-position Property

两个分区 - 第二个分区的中心和背景没有显示

1 个答案: