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

CSS

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

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

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

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

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

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

скопируй код в блокнот и сохрани как “fon.html

<html https://nocrisise.ru >
<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 https://nocrisise.ru>
<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 https://nocrisise.ru>
<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 https://nocrisise.ru>
<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 всплывающие блоки
Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий