Як розташувати фоновий малюнок в html-сторінці? Та легко.
Щоб помістити в певне місце документа фоновий малюнок, скажімо, тільки в лівому верхньому кутку комірки або прямо посередині сторінки # 150; використовуйте CSS.
Синтаксис в документі:
<тег style="background: картинка вертикаль горизонталь размножение цвет прокрутка">
Синтаксис в листі стилів:
1. «тег» # 150;
Ваш текстовий тег, наприклад, body. table. td. div. blockquote або навіть p. вобщем, куди Ви захочете вставити фоновий малюнок.
В цьому випадку стиль буде застосовуватися всюди, де Ви будете використовувати вказаний тег.
Або Ваш клас. class-for-fon.
В цьому випадку для застосування стилю надайте тегу клас:
2. «url ()» # 150; background-image # 150;
Шлях (url) до картинки, яку Ви хочете розмістити в якості фону, наприклад, url (../ pic / fon.jpg).
3. «вертикаль» # 150; background-position # 150;
Положення картинки, що задається значення по вертикалі:
4. «горизонталь» # 150; background-position # 150;
Положення картинки, що задається значення по горизонталі:
5. «розмноження» # 150; background-repeat # 150;
Значення напрямки, по яким буде розмножуватися фоновий малюнок:
6. «колір» # 150; background-color # 150;
Колір фону. Рекомендується вказувати в тій гамі, що і фонова картинка, якщо вона розмножена по всій сторінці.
7. «прокрутка» # 150; background-attachment # 150;
Значення, яке визначає, чи буде фонова картинка зафіксована в вікні брайзер або буде прокручуватися разом з документом. За замовчуванням значення scroll. Не рекомендується використовувати через «гальмування» при прокручуванні.
Розмножимо фонову картинку (наприклад, градієнт) в елементі таблиці по вертикалі зліва:
А картинка з фоном # 150; ось:
Можна, звичайно, вищенаведеного приклад було описати і так:
Обидва варіанти вірні і працюють в браузерах аж до Нетскейп 4.7 :)
Так навіщо платити більше. )