Лекционный и практический материал по теме Фоновое изображение с помощью CSS

Практическая работа №1 Фоновое изображение
Задание 1
3340735116205<style type="text/css">h1{background-color:#6495ed;}p{background-color:#e0ffff; }div{background-color:#b0c4de;}</style>
Задание 2
2320290565785Создайте в Corol Draw фон, с градиентной заливкой, сохраните как изображение 'gradient2.png'. Вставьте как фоновое изображение.<style type="text/css">body{background-image:url('gradient2.png');background-repeat:repeat-x;}</style>
Задание 3
Вставить фоновое изображение сначала справа, а затем слева, изменив изображение и отступ.
<style type="text/css">body{background-image:url('girl.jpg');background-repeat:no-repeat;background-position:right top;margin-right:450px;}</style>

Задание 4
Зафиксировать фоновое изображение с помощью свойств background-repeat:no-repeat;background-attachment:fixed;

А потом изменить, чтобы изображение не прокручивалось.
Задание 5
Создайте документ, где будет применено повторение изображения для абзаца.
<p style="background-image:url(64.gif); height:100px; border:#FF0000 solid 1px;"> Изображение является фоновым изображением данного абзаца </p>