скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —— — — >> с к а ч а т ь <<
скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
——>> с к а ч а т ь <<
Цвет фона страницы.
CSS атрибуты, определяющие фон страницы или элемента
Как задать web – странице фон цветом, через CSS?
Для данного запроса воспользуемся атрибутом background-color.
Цвет фона страницы будет зеленым:
скопируй код в блокнот и сохрани как «fon.html«
<html http://earning-online.org >
<head>
<title>Пример с цветом фона</title>
<style type=»text/css»>
body
{
background-color:#66cc66
}
.fon
{
background-color:#339933;
color:#ffffff
}
</style>
</head>
<body>
<p class=»fon»>Текст белого цвета на зеленом фоне</p>
</body>
</html>
— посмотреть что выйшло. Цвет фона страницы
Атрибуты и значения, которые мы использовали:
- background-color – определяет цвет фона.
- color – определяет цвет текста.
Фоновое изображение или CSS картинка как фон.
CSS картинка — фон определяется с помощью изображения атрибутом background-image.
Например, я хочу, чтобы вот эта картинка была моим фоном на сайте:
Напишем код для данного запроса:
скопируй код в блокнот и сохрани как
«fon-2.html«
<html http://earning-online.org>
<head>
<title>Картинка — фон в CSS</title>
</head>
<body style=»background-image:url(/wp-content/uploads//wp-content/uploads/img/day.gif)»>
<p>nocrisise.ru – для вашего заработка.</p>
</body>
</html>
Можно записать этот код и по-другому. Оба кода правильны и будут у нас работать одинаково.
скопируй код в блокнот и сохрани как
«fon-2.html«
<html http://earning-online.org>
<head>
<title>Пример с цветом фона</title>
<style type=»text/css»>
body
{
background-image:url(/wp-content/uploads//wp-content/uploads/img/day.gif);
}
</style>
</head>
<body>
<p> nocrisise.ru – для вашего заработка </p>
</body>
</html>
Посмотрим, что у нас получилось, пример CSS фон — картинка
CSS прозрачный фон для блока
Как сделать прозрачный фон на CSS? Если для вашего сайта нужно прозрачный фон, это возможно сделать, используя обычный CSS.
Пример написания кода на CSS , определяющие прозрачность фона:
скопируй код в блокнот и сохрани как
«fon-3.html«
<html http://earning-online.org>
<head>
<title>прозрачныйфонна CSS </title>
<style type=»text/css»>
div.page {width:400px; height:350px; background: url(/wp-content/uploads/img/night.gif) repeat; border:1px solid #555555}
div.block {width:270px; height:150px; margin-top:79px; margin-left:94px; background-color:#ffffff; border:1px solid #333333;
/* Internet Explorer */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5}
div.block p {margin:47px 0 0 10px; font-weight:bold; color:#000000}
</style>
</head>
<body>
<div class=»page»>
<div class=»block»>
<p>Прозрачный фон для блока. От nocrisise.ru – все для вашего заработка </p>
</div>
</div>
</body>
</html>
— Посмотрим на прозрачный фон для блока
Результат:
CSS прозрачность фона работает в Internet Explorer и на других браузерах.
Дополнительно про Картинки в CSS
дальше. — Закругление углов в CSS