Зміст курсу
Основи CSS
Основи CSS
Колір Фону
Колір фону веб-сайту відіграє вирішальну роль у створенні тону та атмосфери сайту. Це один з основних візуальних елементів, які користувачі бачать, коли заходять на ваш сайт, і він може суттєво вплинути на загальний вигляд і атмосферу сайту.
Властивість background-color
За допомогою цієї властивості ми можемо задати колір фону для елемента. Значення може бути в будь-якому форматі: hex, rgb, rgba або зарезервоване слово.
index.html
index.css
статичний та градієнтний колір
Статичний колір означає єдине значення кольору, яке рівномірно застосовується до елемента, наприклад, red або #0000FF . З іншого боку, градієнтний колір передбачає змішування двох або більше кольорів для створення плавного переходу між ними.
index.html
index.css
За допомогою градієнтного кольору ми можемо створювати візуально привабливіші та динамічніші дизайни, ніж зі статичним кольором. Розглянемо різні способи оголошення градієнтів.
linear gradient
Для встановлення лінійного градієнтного кольору фону ми використовуємо
index.html
index.css
Також ми можемо вказати процентне співвідношення кольорів у градієнтному кольорі.
index.html
index.css
solid linear gradient
Ми отримаємо смугастий колір фону, якщо задамо однаковий відсоток для сусідніх кольорів. Давайте запустимо приклад, щоб побачити різницю.
index.html
index.css
radial gradient
Радіальний градієнт працює так само, як і лінійний. Різниця лише в тому, що колір починається з центру і поширюється назовні.
index.html
index.css
1. У чому основна відмінність між статичним кольором і градієнтним кольором в CSS?
2. Яка різниця між лінійним градієнтом і радіальним градієнтом в CSS?
Дякуємо за ваш відгук!
