С Днем Независимости 2022 | Дизайн национального флага с использованием HTML и CSS

День независимости отмечается ежегодно 15 августа как национальный праздник. 15 августа 2022 года мы будем отмечать 75-летие независимости Индии.

Национальный флаг Индии представляет собой горизонтальный прямоугольный трехцветный флаг, на котором изображены шафран вверху, белый цвет и чакра Ашока с колесом из 24 шипов синего цвета в центре и зеленого цвета внизу. Ашока чакра расположена в центре белого цвета фона. Соотношение длины и ширины национального флага (тиранга) составляет 3:2 .

Здесь мы создадим индийский флаг, используя HTML и CSS. Чтобы создать индийский флаг, мы создадим основной контейнер div, а внутри основного div мы будем использовать три поддива. Первый div отображает цвет фона Saffron, второй div отображает белый цвет фона, и этот div содержит еще один div, который будет отображать Ashok Chakra. Третий div отображает зеленый цвет фона.

Пример:

Выход:

Ссылка: Вы можете прочитать следующие справочные ссылки, чтобы прочитать теги HTML, атрибуты и свойства CSS:

• HTML-теги
• HTML-атрибуты
• Основы CSS
• Свойства CSS
• Селекторы CSS
• CSS-функции