Як за допомогою CSS зробити фон на всю сторінку
Сайти друзів
Як за допомогою CSS зробити фон на всю сторінку?
У цьому уроці ми поговоримо про те, як за допомогою різних CSS прийомів створити тло сайту на всю ширину сторінки.
Подивіться на справжній, наприклад. Сайт виглядає чудово, коли дозвіл монітора рівноправний 1280 пікселів по ширині, якщо ж ширина монітора більша, то фон виглядає обрубаним з обох сторін.
Приклад №1. Використання одного зображення.
Одним з найсильніших рішень проблеми є наступне: край зображення потрібно створити таким же кольором, як колір фону тега.
CSS код тут дуже простий. Визначаємо фонове зображення та його розташування на сторінці.
Приклад №2. Використання двох зображень.
Для цього прикладу ми будемо застосовувати зображення, яке буде повторюватися як фон у тега і центральне зображення, що є фоном тега
Приклад №3. Фон неба.
У цьому прикладі ми використовуємо смужку шириною 1 піксель з градієнтною заливкою, яка повторюється горизонтально для тега . А для тега
Існують інші способи візуально збільшити розмір фону сайту, для коректного відображення при різних дозволах монітора.
Даний урок підготовлений для Вас сайтом www.webdesignerwall.com
Останні 5 уроків
Поле пошуку, ймовірно, є одним із найпоширеніших елементів інтерфейсу користувача. Працюючи над рівнем зручності інтерфейсу, дуже часто виникає бажання додати стильне поле пошуку. У цьому уроці ми створимо такий популярний елемент за допомогою псевдоелементів.
З цього уроку Ви дізнаєтесь як зробити фон навсю сторінку, при цьому Вам буде не важливо, який дозвіл на моніторі відвідувача, який буде дивитися Ваш сайт.
Цікавий ефект зміни фону блоку з текстом під час наведення миші. Реалізовано за допомогою HTML + CSS.
Вивчивши цей урок, Ви дізнаєтесь як змінити дизайн смуги прокручування на Вашому сайті таким чином, щоб вона вписувалася в решту дизайну сайту.
Існує багато способів оформити списки. У цьому уроці, я хотів би показати вам два невеликі приклади, вивчивши які, Ви з легкістю зможете створювати оригінальні списки на ваших міні сайтах та тематичних центрах.