Фон для сайту html (css властивість background) - приклади
background-color
За замовчуванням background має значення transparent. Часткову або повну прозорість можна досягти за допомогою функції RGBA. Розглянемо зелений колір, який можна записати в такий спосіб.
▼ green # 008000 rgb rgba
background-image
Крім кольору використовується і картинка. Якщо вона менше необхідної області, то зображення буде повторюватися.
▼ url l-gradient r-gradient
background-repeat
Задає повторення малюнка по горизонталі, по вертикалі або показує картинку в одному екземплярі. space повторює зображення без обрізання і зміни розміру, round змінює фото так, щоб воно вмістилося в контейнер цілком. space, round і no-repeat можна поєднувати. Останні два значення не підтримуються в Mozilla Firefox, Chrome і Safari.
▼ no-repeat repeat-x repeat-y space round space × no-repeat
Обов'язково потрібно вказувати пробіл після дужок, наприклад, такий напис не працюватиме в IE.
background-position
Для позиціонування елемента, де перше значення (відсотки, px і ін.) Визначає розташування по горизонталі, друге - вертикалі.
▼ 0% 50% 50% 50% 100% 0% 100% 100%
background-attachment
За замовчуванням фон переміщається з прокруткою вікна браузера (scroll). Можна зафіксувати його (fixed). Або дозволити переміщатися з прокруткою вмісту блоку (local).
▼ fixed local
background-clip
Визначає вид фонової картинки під кордонами.
▼ padding-box content-box
background-origin
Фонове зображення позиціонується щодо краю елемента.
▼ border-box content-box
background-size
Задає розмір фонової картинки елемента. В даному випадку textarea. а значить, потягнувши за точки, складові трикутник, можна змінити його габарити. auto, contain і cover зберігають співвідношення висоти і ширини зображення, відсотки змінюють площу щодо займаного блоку.
▼ по ширині по висоті по меншій стороні по більшій стороні весь простір в одиницях
background-blend-mode
Управляє режимами змішування шарів фону [w3.org]. Для кожного зображення або градієнта можна прописати свій режим.
з градієнт
Віталій Зданевич Спасибо большое, Наталя, але я нічого не розумію ...
Який же мені код написати в блок Блогера, щоб Клац - білий фон! Клац знову - назад чорний! NMitra В код
NMitra Або ще цікавіше. id для body також необхідний. А в гаджет додаємо
фон темний - кнопка біла
фон білий - кнопка темна Віталій Зданевич Так цей код змінює тільки фон поза ковбаси основної частини блогу (як в прикладі)? А щоб весь фон змінювався, ковбаса і основний? NMitra Ось ця ділянка повинен виглядати як:
Перед]]> внести
post-outer
Що ж писати в темплейт і що-ж - в гаджет. мовляв:
У Темпл між X і Y пишемо:
У код нового гаджета пишемо:
]]> NMitra Там же - це в "Дизайн" - "Змінити HTML". NMitra Для того, щоб і змінювався текст:
z-index: -1; Муслім Гасанов Дякую. Ви дуже допомогли.