0
我正在嘗試製作一個網頁,其中有三個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>
請幫助:)
吉
好吧,我會感謝 – user1641385