两个Divs - 第二个的居中和背景不显示

我正在尝试制作一个网页，其中有三个div，左上角（与屏幕相同），一个右中心和左下角。我得到左上角的工作，并复制相同的代码，只是改变对齐方式。第二个只是把文本放在顶部而没有格式化。这让我疯狂。两个Divs - 第二个的居中和背景不显示

谢谢

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>

请帮助:)

吉

来源

2012-09-02 user1641385

你可以看看CSS background-position Property

来源

2012-09-02 05:04:09

好吧，我会感谢 – user1641385

两个Divs - 第二个的居中和背景不显示

回答

相关问题