Header Image

Метка: HTML и CSS

О вёрстке и стилевом оформлении.

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Блочный элемент div внутри строчного элемента a

Чтобы поместить блочный элемент div внутри строчного элемента a, нужно добавить свойство display: inline-block; к блочному элементу div. Вот пример кода: В этом примере блочный элемент div находится внутри строчного элемента a, и благодаря свойству display: inline-block; он…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Двойная стрелка вверх на CSS

Последнее обновление — 23 июня 2023 в 16:04Из этой заметки вы узнаете, как отобразить двойную стрелку вверх при помощи CSS и HTML. Иногда требуется изобразить на сайте в качестве элемента его дизайна стрелочку. Но для этого совсем не…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Как добавить вёрстку в проект с помощью JavaScript

Последнее обновление — 23 июня 2023 в 17:33Чтобы добавить верстку в проект с помощью JavaScript, вы можете использовать методы DOM (Document Object Model). DOM представляет HTML-документ в виде дерева объектов, которые можно изменять с помощью JavaScript. Например, чтобы…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Один элемент на фоне другого в CSS

Последнее обновление — 23 июня 2023 в 23:35Посмотрим, как разместить один элемент сайта на фоне другого в CSS. Мы можем использовать свойство background для задания фона элемента и свойство z-index для управления положением элемента по оси Z. Например,…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Как вывести букву i кодом CSS

Последнее обновление — 28 июня 2023 в 19:40Для вывода буквы «i» в CSS можно использовать псевдоэлемент ::before или ::after и задать ему контент «i». Вот пример CSS кода для вывода буквы «i»: В HTML коде нужно добавить элемент…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00
Логотип блога интернет-бродяги

Как сделать иконку «Гамбургер» на CSS

Последнее обновление — 4 июля 2023 в 18:26В этой короткой заметке покажу, как сделать иконку «Гамбургер» на CSS. Три параллельные горизонтальные полоски, или как их еще называют «Гамбургер», обычно используется для обозначения меню на сайте. На одном из…