同じ背景を持つ 3 つの div を含む Web ページを作成しようとしています。1 つは左上 (画面のように見える)、中央右、および左下にあります。左上のものを機能させ、配置を変更するだけで同じコードをコピーしました。2 番目のものは、書式設定なしでテキストを一番上に配置し続けます。これは私を夢中にさせています。
ありがとうございました
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>
助けてください ：）
カット