Фоновая картинка

Как поставить фон в Зуме на компьютере

1. Чтобы установить виртуальный фон в Zoom, войдите в учетную запись, используя почту, аккаунт Facebook или Google.

2. Щелкните по значку профиля в правом верхнем углу и выберите в меню «Настройки».

3. Перейдите на вкладку «Фон и фильтры» и щелкните по статичной или анимированной подложке под вашим изображением.

4. При первичной настройке загрузите пакет виртуального фона Зум: набор алгоритмов, которые отделяют человека от фоновых объектов. Нажмите на кнопку «Загрузить» и дождитесь, пока файлы скопируются.

5. Чтобы загрузить новые статичные и подвижные фоны для конференции, нажмите на «плюсик», кликните «Добавить изображение» или «Добавить видео» и выберете файл на компьютере.

Минимальное разрешение статичного фонового изображения 1280 x 720 пикселей, соотношение сторон — 16:9. Загружайте видеофайлы в формате MP4/MOV с максимальным разрешением 1280 x 720.

6. Если Зум захватил фон некорректно, щелкните по отмеченной на скриншоте области и вручную выберите цвет в окне предпросмотра.

Изменение фона документа Ворд

Отдельно стоит отметить, что сделать фон в Ворде можно несколькими способами, и в любом из случаев внешний вид документа визуально будет отличаться. Расскажем подробнее о каждом из них.

Урок: Как сделать подложку в MS Word

Вариант 1: Изменение цвета страницы

Данный метод позволяет сделать страницу в Ворде цветной и для этого вовсе не обязательно, чтобы на ней уже содержался текст. Все необходимое можно напечатать или добавить позже.

1. Перейдите во вкладку «Дизайн» («Разметка страницы» в Word 2010 и предшествующих ему версиях; в Word 2003 необходимые для этих целей инструменты находятся во вкладке «Формат»), нажмите там на кнопку «Цвет страницы», расположенную в группе «Фон страницы».

Выберите подходящий цвет для страницы.

Цвет страницы изменится.

Помимо обычного, «цветного» фона, вы также можете использовать в качестве фона страницы другие способы заливки.

1. Нажмите на кнопку «Цвет страницы» (вкладка «Дизайн», группа «Фон страницы») и выберите пункт «Другие способы заливки».
2. Переключаясь между вкладками, выберите тип заливки страницы, который вы хотите использовать в качестве фона:
   • Градиентная;
3. Текстура;

Узор;

Рисунок (можно добавить собственное изображение).

Фон страницы изменится в соответствии выбранному вами типу заливки.

Вариант 2: Изменение фона за текстом

Помимо фона, заполняющего всю площадь страницы или страниц, изменить цвет фона в Ворде можно исключительно для текста. Для этих целей можно использовать один из двух инструментов: «Цвет выделения текста» или «Заливка», найти которые можно во вкладке «Главная» (ранее «Разметка страницы» или «Формат», в зависимости от используемой версии программы).

В первом случае текст будет залит выбранным вами цветом, но расстояние между строк останется белым, а сам фон будет начинаться и заканчиваться там же, где и текст. Во втором — фрагмент текста или весь текст будет залит сплошным прямоугольным блоком, который будет покрывать занятую текстом площадь, но заканчиваться/начинаться в конце/начале строки. Заливка любым из этих способов не распространяется на поля документа.

1. Выделите с помощью мышки фрагмент текста, фон которого вы желаете изменить. Используйте клавиши «CTRL+A» для выделения всего текста.

Выполните одно из следующих действий:

• Нажмите кнопку «Цвет выделения текста», расположенную в группе «Шрифт», и выберите подходящий цвет;

Нажмите кнопку «Заливка» (группа «Абзац») и выберите необходимый цвет заливки.

По скриншотам вы можете увидеть, чем эти методы изменения фона отличаются друг от друга.

Урок: Как в Word убрать фон за текстом

Печать документов с измененным фоном

Довольно часто задача заключается не только в изменении фона текстового документа, но и в его последующей распечатке. На данном этапе можно столкнуться с проблемой – фон не выводится на печать. Исправить это можно следующим образом.

1. Откройте меню «Файл» и перейдите к разделу «Параметры».

В открывшемся окне выберите вкладку «Экран» и установите галочку напротив пункта «Печатать фоновые цвета и рисунки», расположенную в блоке опций «Параметры печати».

Нажмите «ОК» для закрытия окна «Параметров», после чего вы сможете распечатать текстовый документ вместе с измененным фоном.

Чтобы исключить возможные проблемы и сложности, с которыми можно столкнуться в процессе печати, рекомендуем ознакомиться со следующей статьей.

Подробнее: Печать документов в программе Майкрософт Ворд

Это интересно: Почему сильно тормозит ноутбук — изучаем в общих чертах

Параметры фонового изображения

Свойство background-image, которое мы только что рассмотрели, может быть дополнено несколькими другими, которые позволяют изменять поведение фонового изображения.

background-attachment: прикрепление фона

Свойство CSS background-attachment используется для «закрепления» фона. Полученный эффект позволяет сделать так, чтобы фон «прокручивался» вместе с текстом. Доступны два значения:

• fixed: фоновое изображение остается закрепленным;
• scroll: фоновое изображение прокручивается вместе с текстом (значение по умолчанию).

body
{
background-image: url("snow.png");
background-attachment: fixed; /* Фон остается закрепленным */
}

background-repeat: повторение фона

По умолчанию фоновое изображение повторяется в виде мозаики (таким образом, фон html-страницы распространяется на весь экран). Вы можете изменить это с помощью свойства background-repeat:

• no-repeat: фон не будет повторяться. Изображение будет размещено на странице в одном экземпляре.
• repeat-x: изображение будет повторяться только в первой строке, горизонтально.
• repeat-y: изображение будет повторяться только в первом столбце по вертикали.
• repeat: фон будет повторяться в виде мозаики (значение по умолчанию).

Пример использования:

body
{
background-image: url("sun.png");
background-repeat: no-repeat;
}

background-position: положение фона

Также можно указать позицию фонового изображения с помощью background-position. Это свойство полезно только в комбинации с background-repeat: no-repeat; (фон, который не повторяется).

Нужно ввести два значения в пикселях, чтобы указать положение фона относительно верхнего левого угла страницы (или абзаца, если вы применяете фон к абзацу). Поэтому, если вы введете:

background-position: 30px 50px;

… фон будет сдвинут на 30 пикселей левее и 50 пикселей выше. Также можно использовать следующие значения:

• top: вверху;
• bottom: внизу;
• left: слева;
• center: по центру;
• right: справа.

Их можно комбинировать. Например, чтобы разместить фоновое изображение в правом верхнем углу, нужно ввести:

background-position: top right;

Если я хочу отображать солнце в качестве фонового изображения (следующий рисунок), только один раз (no-repeat), всегда видимым (fixed) и расположенным в правом верхнем углу (top right), то следует написать следующий код фона html-страницы:

body
{
background-image: url("sun.png");
background-attachment: fixed; /* Фон остается  зафиксированным */
background-repeat: no-repeat; /* Фон не будет повторяться */
background-position: top right; /* Фон будет отображаться в правом верхнем углу */
}

Солнце в качестве фонового изображения в правом верхнем углу

Сочетание свойств

Если вы применяете к фону много свойств, то можно использовать своего рода «супер-свойство», называемое background. Его значение может сочетать в себе несколько ранее рассмотренных свойств: background-image, background -repeat, background-attachment и background-position.

Таким образом, можно написать:

body
{
background: url("sun.png") fixed no-repeat top right;
}

Это первое «супер-свойство», которое я вам показываю, но будут и другие. Вы должны знать следующее:

1. Порядок значений не важен. Можно комбинировать значения в любом порядке.
2. Не нужно вводить все значения. Поэтому, если не хотите вводить fixed, можно удалить его.

Время для практического занятия

Разобрав главные элементы управления задним фоном, а также их атрибуты, приступим непосредственно к разбору конкретного примера. В коде программы, представленной ниже, я попытался включить все описанные элементы.

Итак, перед нами стоит задача установить задний фон из двух картинок: анимации и обычного изображения. При этом gif-анимация будет фиксирована, а рисунок прокручиваться вместе с содержимым страницы.

Также мы используем блоки больших размеров для того, чтобы отследить разницу между параметрами fixed и scroll. Обязательно попробуйте запустить пример самостоятельно и посмотреть, что выйдет!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>background-attachment</title>
  <style>
   body {
    background-image: url(https://gif1.mycdn.me/image?t=44&bid=835038013128&id=834515819819&plc=WEB&tkn=*UK1YYT8umKYaI0aL9yv8Q4ep3lo), url(https://picsfab.com/download/image/106992/6408x4272_goluboj-fon-s-belyimi-otbleskami-i-siyaniyami.jpg);
    background-attachment: fixed, scroll;    
    background-repeat: repeat-y, repeat-y;
    background-position: left, right;    
   }
div {
    width: 500px; 
    height: 1500px;
    background: white;
    margin-left: 600px;
    border: solid 1px blue; 
}
  </style>
 </head>
 <body>
  <div>
    <h1>Первый текст</h1>
  </div>
<div>
    <h1>Второй текст</h1>
  </div>
 </body>
</html>

На этой ноте можно подытожить нашу работу. Вступайте в ряды моих верных подписчиков, задавайте вопросы, если что-то непонятно, и не жадничайте ссылкой на мой блог, а делитесь ею с друзьями. Желаю приятного обучения. Пока-пока!

 
Прочитано: 3461 раз

Изображения

Слайд-шоуГалерея слайд-шоуМодальные изображенияЛайтбоксАдаптивная Сетка изображенияСетка изображенияГалерея вкладокОверлей изображенияСлайд с наложенным изображениемМасштабирование наложения изображенияНазвание наложения изображенияЗначок наложения изображенияЭффекты изображенияЧерно-белое изображениеТекст изображенияТекстовые блоки изображенийПрозрачный текст изображенияПолное изображение страницыФорма на картинкеГерой изображениеПараллельные изображенияОкругленные изображенияАватар изображенияАдаптивные образыЦентрировать изображенияМиниатюрыПознакомьтесь с командойЛипкое изображениеОтражение изображенияВстряхните изображениеПортфолио галереяПортфолио с фильтрациейМасштабирование изображенияИзображение увеличительное стеклоПолзунок сравнения изображений

Для тех, кто хочет знать лучше

При помощи css вы можете растянуть background image, сделать так, чтобы оно не повторялось, добавить gif-анимацию и многое другое.

В одной статье всего не упишешь. Да и задачи такой я перед собой не ставил. Существует масса тонкостей и если вам обещают рассказать в одной статье обо всем, то это ни что иное как обман.

Хотите научиться правильно писать сайты? Я рекомендую вам изучать языки программирования по другой программе. Могу посоветовать курс Андрея Бернацкого «HTML5 и CSS3 с Нуля до Профи». Мне очень нравится этот автор. Я не проходил конкретно этот курс, несколько лет назад было уже что-то аналогичное, но менее современное.

Кстати, вместе с этим курсом вы получаете 7 бонусов: основы html и css Андрея Бернацкого, верстка для начинающих, создание лендинг пейдж за вечер и многое другое. Перед тем как заниматься серьёзным обучением, пощупайте бесплатный курс «Практика HTML5 и CSS3».

Ну вот в принципе и все. Подписывайтесь на рассылку, чтобы узнавать больше. Совсем скоро я расскажу чуть больше о адаптивной верстке, программе Bootstrap, увеличении заработка с любого блога и дам множество полезных советов о упрощении работы. До новых встреч и удачи в ваших начинаниях.

Применение свойства на практике

Учитывая разницу в разрешениях экрана между разными устройствами, рекомендуется активно использовать свойство background-size. Иначе картинка будет обрезаться при низком разрешении или быть слишком маленькой при большом. Недостаток свойства – искажение изображения при масштабировании, с которым ничего по сути не получится сделать, кроме как подбирать фоновые картинки с высоким разрешением.
Может потребоваться указать ширину и высоту фоновой картинки (первое и второе значение соответственно). Также можно выставить auto, и второй параметр будет подобран автоматически, исходя из пропорций картинки.
С помощью свойства background-size можно играться с градиентами, добиваясь интересных эффектов. Например, можно сделать его повторяющимся.

Код у такого фона следующий:

<html>
    <head>
        <title>Градиент</title>
        <style> 
            body {
                background: #f8ffe8;
                background: linear-gradient(to right, red,blue 45%,green);
                background-size: 100px 100px;
            } 
        </style>
    </head>
    <body>
    </body>
</html>

С помощью этого свойства можно сделать ровные (не градиентные) полосы. Для этого используется такой код.

body {
    background: #33bbf1;
    background: linear-gradient(red 50%, green 50%);
    background-size: 50px 50px;
} 

И результат его исполнения браузером.

Особо продвинутый код позволяет реализовать, например, клеточный фон. Для этого необходимо сделать несколько фонов, в одном из которых обязательно должен быть альфа-канал (чтобы изображения не перекрывали друг друга). Пример кода:

body {
    background: linear-gradient(transparent 50%, rgba(186,0,0,0.2) 50%), 
                linear-gradient(90deg, rgba(186,0,0,0.2) 50%, transparent 50%);
    background-size: 80px 80px;
} 

Результат.

Эффектное преображение фото:вырезаем объект и меняем фон своими руками

Сложно поверить, но теперь отделить объект от фона на фото можно буквально за два щелчка мыши. С программой «ФотоМАСТЕР» вы без труда выполните настоящий фотомонтаж и окажетесь рядом с Эйфелевой башней или любимым актёром. Читайте статью и узнайте, как вырезать изображение и вставить на другой фон, приложив минимум усилий.

Шаг №1. Откройте исходное фото

Предварительно нужно скачать программу для обработки фото и установить её. Софт не требователен к ресурсам системы и хорошо работает на всех версиях Windows. Установка не отнимет много времени – просто следуйте подсказкам: примите пользовательское соглашение и не забудьте разместить ярлык редактора на рабочем столе. Запустите программу и откройте фото, на котором собираетесь удалить фон.

Откройте нужный снимок в редакторе

Шаг №2. Выделите объект

Откройте вкладку «Инструменты» и найдите в списке функций «Замена фона». На данном этапе ваша главная задача – обозначить, где на снимке объект, а где – фон. Для этого потребуется «порисовать». Редактор предлагает две кисти:

• «Объект» – зелёная линия для закраски предмета, который нужно оставить;
• «Фон» – красная линия для обозначения областей для удаления/замены.

В других редакторах вам пришлось бы скрупулёзно обводить пиксели, тогда как вырезать изображение по контуру в «ФотоМАСТЕРЕ» можно в считанные секунды. Отрегулируйте размер и обведите фигуру зелёной кистью.

Если у предмета простая форма, достаточно провести внутри одну толстую линию. Если форма сложная, имеет углы, завитки, – уменьшите размер кисти, чтобы пройтись по «трудным» участкам.

Выделите объект и фон на фотографии

Ошибки и неточности вы сможете исправить с помощью «Ластика».

Шаг №3. Исправьте неточности

На основе сделанных обозначений программа проанализирует изображение и отделит объект от фона. Чтобы увидеть результат, уведите ползунок на шкале «Прозрачность фона» максимально влево.

Оцените результат

Если на фото остались недостатки, вроде случайно удалённых участков или, наоборот, лишнего фона, – исправьте их. Жмите «+», чтобы увеличить фотографию и работать с деталями. Используйте кисти «Объект» и «Фон» чтобы восстановить фрагменты фигуры или удалить ненужные участки соответственно. Отрегулируйте размер обводки и степень растушёвки. Пройдитесь по «неудачным» местам, пока не останетесь довольны результатом.

Скорректируйте границы объекта

Шаг №4. Вставьте фон

Настройте контур объекта – вы можете сделать границы более чёткими или размытыми в зависимости от желаемого результата. После вам нужно будет определиться с новым фоном.

При необходимости размойте границы объекта

Если вы хотели узнать, как вырезать объект и оставить его без фона, воспользуйтесь опцией «Сохранить изображение с прозрачным фоном». «ФотоМАСТЕР» запишет фото в формате PNG, оставив в кадре только объект. В дальнейшем вы сможете легко накладывать его на другие снимки.

Сохраните изображение с прозрачным фоном

Выберите новый цвет для фона

И, наконец, если вы хотите добавить на задний план другое фото, кликните «Выбрать изображение для фона». Программа предложит варианты на любой вкус – от живописных пейзажей до нейтральной кирпичной стены. Просто нажмите на понравившееся изображение – «ФотоМАСТЕР» автоматически подставит его под объект. Впрочем, редактор не ограничивает в выборе: нажмите кнопку «Загрузить» и добавьте любую другую картинку с компьютера.

Выберите новый фон для снимка

Объект не обязательно должен оставаться в исходном положении. Вы можете менять его размер и перемещать, чтобы композиция с новым фоном смотрелась целостной и интересной.

Шаг №5. Улучшите фото

После вы сможете сохранить изображение или продолжить совершенствование в программе. Уберите блики, если необходимо, добавьте сочных оттенков, контрастности для большей выразительности. Софт включает коллекцию фильтров, которые не только вмиг преобразят снимок, но и «сгладят» разницу между фоном и объектом.

Подберите эффект для фотографии

Чтобы залить фон цветом

Для заливки фона у тэга BODY есть атрибут BGCOLOR.

Для примера возьмем следующую практическую

 <HTML>
<HEAD>
<TITLE>
Виды облаков
</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">
Виды облаков
</H1>
<P ALIGN="JUSTIFY">
<B><I>Перистые облака</I></B> имеют толщину от сотен метров до нескольких километров.
Они состоят из ледяных кристаллов в форме игл, столбиков, пластинок.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-кучевые облака</I></B> характеризуются небольшой шириной- 200-400 м. Структура облаков комковая. Они прозрачные.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-слоистые облака</I></B> имеют вид белой или голубоватой полупрозрачной пелены. Их толщина колеблется от 100 м до нескольких километров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-кучевые облака</I></B> выглядят как белые, иногда сероватые волны, состоящие из пластин или хлопьев, разделенных  просветами голубого неба, но могут сливаться и в сплошной покров. Толщина слоя высоко-кучевых облаков около 200-700 м. Из них выпадает дождь, снег.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-слоистые облака</I></B> образуют сплошной серый или синеватый "ковер" на небе с нижней границей обычно на высоте 3-5 км. Толщина облачных слоев 1-2 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-кучевые облака</I></B>-это серые облака, состоящие из крупных гряд, волн, пластин, разделенных просветами или сливающимися в сплошной серый волнистый покров. Состоят преимущественно из капель.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоистые облака</I></B> представляют из себя однородный серый или серо-желтый покров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-дождевые облака</I></B> выглядят как сплошная серая пелена, закрывающий все небо в виде гряд и валов. Они состоят из водяных капель, редко в смеси со снежинками.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучевые облака</I></B> подразделяют на кучевые, кучевые средние и кучевые мощные. Толщина 1-2 км, иногда 3-5 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучево-дождевые облака</I></B> - очень мощные облачные скопления.
</P>
</BODY>
</HTML>
 

Результат:

Для того чтобы залить фон голубым фоном в тэге BODY нужно указать атрибут BGCOLOR.

 <BODY BGCOLOR="#3399FF">
 

И укажем, что мы хотели бы видеть текст белого цвета.

Это можно указать с помощью тэга <FONT COLOR=”FFFFFF”>. Но если нужно указать, чтобы текст всей страницы был одного цвета, это можно указать в тэге BODY

 <BODY TEXT="#FFFFFF">
 

В результате получим код

 <HTML>
<HEAD>
<TITLE>
Виды облаков
</TITLE>
</HEAD>
<BODY BGCOLOR="#3399FF" TEXT="#FFFFFF">
<H1 ALIGN="CENTER">
Виды облаков
</H1>
<P ALIGN="JUSTIFY">
<B><I>Перистые облака</I></B> имеют толщину от сотен метров до нескольких километров.
Они состоят из ледяных кристаллов в форме игл, столбиков, пластинок.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-кучевые облака</I></B> характеризуются небольшой шириной- 200-400 м. Структура облаков комковая. Они прозрачные.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-слоистые облака</I></B> имеют вид белой или голубоватой полупрозрачной пелены. Их толщина колеблется от 100 м до нескольких километров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-кучевые облака</I></B> выглядят как белые, иногда сероватые волны, состоящие из пластин или хлопьев,разделенных  просветами голубого неба,но могут сливаться и в сплошной покров. Толщина слоя высоко-кучевых облаков около 200-700 м. Из них выпадает дождь,снег.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-слоистые облака</I></B> образуют сплошной серый или синеватый "ковер" на небе с нижней границей обычно на высоте 3-5 км. Толщина облачных слоев 1-2 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-кучевые облака</I></B>-это серые облака, состоящие из крупных гряд, волн, пластин, разделенных просветами или сливающимися в сплошной серый волнистый покров. Состоят преимущественно из капель.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоистые облака</I></B> представляют из себя однородный серый или серо-желтый покров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-дождевые облака</I></B> выглядят как сплошная серая пелена, закрывающий все небо в виде гряд и валов. Они состоят из водяных капель,редко в смеси со снежинками.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучевые облака</I></B> подразделяют на кучевые, кучевые средние и кучевые мощные. Толщина 1-2 км, иногда 3-5 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучево-дождевые облака</I></B> - очень мощные облачные скопления.
</P>
</BODY>
</HTML>
 

А в браузере увидим:

Фиксация фонового изображения

Вы наверное не раз заходили на сайты, на которых задний фон остается на месте, а содержимое страницы прокручивается как бы над ним. Этот эффект достигается с помощью свойства background-attachment, которое определяет, должно ли фоновое изображение оставаться на одном месте или оно будет прокручиваться вместе с остальным содержимым веб-страницы.

Так как по умолчанию задний фон прокручивается вместе с содержимым, то в качестве примера мы зафиксируем наше фоновое изображение на одном месте с помощью значения fixed:

body {
  background-image: url('image.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

Попробовать »

Чтобы установить фоновое изображение

При желании фон можно залить изображением. Для этого в папке сайта создаем папку images, в которую сохраним изображение фона fon.jpg. А для заливки воспользуемся атрибутом BACKGRAUND тэга BODY .

Это будет выглядеть так:

 <HTML>
<HEAD>
<TITLE>
Виды облаков
</TITLE>
</HEAD>
<BODY BACKGROUND="images/fon.jpg">
<H1 ALIGN="CENTER">
Виды облаков
</H1>
<P ALIGN="JUSTIFY">
<B><I>Перистые облака</I></B> имеют толщину от сотен метров до нескольких километров.
Они состоят из ледяных кристаллов в форме игл, столбиков, пластинок.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-кучевые облака</I></B> характеризуются небольшой шириной- 200-400 м. Структура облаков комковая. Они прозрачные.
</P>
<P ALIGN="JUSTIFY">
<B><I>Перисто-слоистые облака</I></B> имеют вид белой или голубоватой полупрозрачной пелены. Их толщина колеблется от 100 м до нескольких километров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-кучевые облака</I></B> выглядят как белые, иногда сероватые волны, состоящие из пластин или хлопьев,разделенных  просветами голубого неба,но могут сливаться и в сплошной покров. Толщина слоя высоко-кучевых облаков около 200-700 м. Из них выпадает дождь,снег.
</P>
<P ALIGN="JUSTIFY">
<B><I>Высоко-слоистые облака</I></B> образуют сплошной серый или синеватый "ковер" на небе с нижней границей обычно на высоте 3-5 км. Толщина облачных слоев 1-2 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-кучевые облака</I></B>-это серые облака, состоящие из крупных гряд, волн, пластин, разделенных просветами или сливающимися в сплошной серый волнистый покров. Состоят преимущественно из капель.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоистые облака</I></B> представляют из себя однородный серый или серо-желтый покров.
</P>
<P ALIGN="JUSTIFY">
<B><I>Слоисто-дождевые облака</I></B> выглядят как сплошная серая пелена, закрывающий все небо в виде гряд и валов. Они состоят из водяных капель,редко в смеси со снежинками.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучевые облака</I></B> подразделяют на кучевые, кучевые средние и кучевые мощные. Толщина 1-2 км, иногда 3-5 км.
</P>
<P ALIGN="JUSTIFY">
<B><I>Кучево-дождевые облака</I></B> - очень мощные облачные скопления.
</P>
</BODY>
</HTML>
 

Результат:

Метод RGB

Red-Green-Blue, сокращенно обозначаемый как «RGB». Как и в шестнадцатеричном коде, чтобы выбрать цвет, необходимо определить количество красного, зеленого и синего.

Это намного практичнее, и с помощью простой программы для рисования, такой как Paint, можно найти нужный цвет. Вот действия, которые необходимо выполнить:

Зайдите в меню «Пуск», найдите в нем программу Paint и запустите ее.
Перейдите в раздел «Редактировать цвета», как показано на рисунке, приведенном ниже.
Откроется окно. В поле справа переместите ползунки, чтобы выбрать нужный цвет. Предположим, нужно вывести заголовки

розовым цветомВыберите цвет в окне, как показано на рисунке, приведенном ниже.

Обратите внимание на соответствующие значения Red-Green-Blue, указанные в правом нижнем углу окна. Введите эти значения в том же порядке в CSS.

p
{
color: rgb(240,96,204);
}

Изменение цвета в Paint

Выбор цвета в Paint

Чтобы использовать метод RGB, нужно ввести rgb (Red, Green, Blue), заменив «Red, Green, Blue» соответствующими числами в диапазоне от до 255.