Добавление нескольких фоновых изображенийCSS

Разбираемся в CSS
Ответить
Anonymous
 Добавление нескольких фоновых изображений

Сообщение Anonymous »

Я получил задание по созданию 3 -страничного веб -сайта с использованием CSS и HTML, и мы должны использовать листы внешнего стиля, естественно, я хочу, чтобы мои вещи выглядели красиво, однако нам разрешено использовать только наш внешний лист, поэтому Мне было интересно, смогу ли я и или как я смогу призвать разные изображения, чтобы установить их в качестве фонового Фон для каждой из 3 страниц < /p>
Вот мой лист стилей, я также могу предоставить свою страницу HTML, хотя это очень медвежьи кости и просто ссылаются на вещи из листа стиля, просто дайте мне знать < /p>
body {
font-family: Arial, Helvetica, sans-serif;
font: sans-serif;
background-image: url(back1.PNG);
background-attachment: fixed;
background-color: #403f42;
}

h1 {
text-align: center;
color: #0a0068;
padding: 10px;
border-color: #0a0068;
border-style: ridge;
border-width: 10px;
margin: 1in;
background-color: #5184d133;
font-size: 50px;
}

h2 {
text-align: center;
background-color: #59696e71;
padding: 10px;
color: #0a0068;
border-color: #473e93;
border-style: solid;
border-width: 5px;
margin: .25in;
font-size: 40px;
}

h3 {
text-align: center;
color: #007517;
background-color: #62e47c5f;
border-color: rgb(10, 151, 10);
border-style: dashed;
padding: 10px;
border-width: 5px;
font-size: 40px;
margin: 2in;
}

h4 {
text-align: center;
color: #0092b0;
background-color: #62e2ff5f;
border-color: rgb(0, 217, 255);
border-style: double;
padding: 10px;
border-width: 5px;
font-size: 40px;
margin: 2in;
}

h5 {
text-align: center;
color: #580707;
background-color: #5c15155f;
border-color: #580707;
border-style: outset;
padding: 10px;
border-width: 5px;
font-size: 40px;
margin: 2in;
}

a:link {
color: #bf00ff;
}

a:visited {
color: #6d04a652;
}

a:hover {
color: rgb(42, 1, 80);
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font: sans-serif;
background-image: url(armor.png);
background-attachment: fixed;
background-color: #403f42;
}

}
< /code>











How to beat the ender dragon in Minecraft


This will be a simple step by step guide for defeating the ender dragon!
and yes, there will be pictures !




Finding the End portal

Gearing Up


Combat



< /code>
the website had to use a theme or a tutorial of some kind... that it is why it is a guide on Minecraft

Подробнее здесь: https://stackoverflow.com/questions/718 ... und-images
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»