Пополнить WebMoney
Вывод WebMoney
Обмен WebMoney
Кредит WebMoney

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



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

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

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

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

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

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

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

<html http://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.
Например, я хочу, чтобы вот эта картинка была моим фоном на сайте:
Фоновое изображение или CSS картинка как фон.

Напишем код для данного запроса:

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


<html http://nocrisise.ru>
<head>
<title>Картинка - фон в CSS</title>
</head>

<body style="background-image:url(img/day.gif)">

<p>nocrisise.ru – для вашего заработка.</p>
</body>
</html>


Можно записать этот код и по-другому. Оба кода правильны и будут у нас работать одинаково.

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


<html http://nocrisise.ru>
<head>
<title>Пример с цветом фона</title>
<style type="text/css">
body
{
background-image:url(img/day.gif);
}
</style>

</head>

<body>
<p> nocrisise.ru – для вашего заработка </p>
</body>

</html>


Посмотрим, что у нас получилось, пример CSS фон - картинка


CSS прозрачный фон для блока

Как сделать прозрачный фон на CSS? Если для вашего сайта нужно прозрачный фон, это возможно сделать,  используя обычный CSS.

Пример написания кода на CSS , определяющие прозрачность фона:

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


<html http://nocrisise.ru>
<head>
<title>прозрачныйфонна CSS </title>

<style type="text/css">
div.page {width:400px; height:350px; background: url(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  ДЛЯ ЧАЙНИКОВ





Понравилась статья? - добавь ее себе!


 




сайт-визитка / шаблон сайта / обработка фотографий / дизайн афиши, обложки книг, журнал, флаеры и т.д.
 
 
Подробней





nocrisise.ru © 2009-2012