Прозрачный CSS фон, цвет фона страницы.

CSS

скачать бесплатно — » HTML на примерах, всё доступно и просто (для начинающих)»
— — —чайник, HTML ДЛЯ ЧАЙНИКОВ— — —
>> с к а ч а т ь <<

скачать бесплатно — «Как создать классный сайт!
От начала и до конца»
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

Цвет фона страницы.

Прозрачный CSS фон, цвет фона страницы.CSS атрибуты, определяющие фон страницы или элемента
Как задать web – странице фон цветом, через CSS?
Для данного запроса воспользуемся атрибутом  background-color.

Цвет фона страницы будет зеленым:

Прозрачный CSS фон, цвет фона страницы.

скопируй код в блокнот и сохрани как «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чайник, CSS ДЛЯ ЧАЙНИКОВ

Читайте также:  >> Списки в CSS. Всё на примерах
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий