Изменение фона элемента

Этот CSS-код устанавливает светло-серый цвет фона для элементов с классом container.

#CSS

Изменение шрифта и размера текста

Этот код устанавливает шрифт Arial и размер 24 пикселя для заголовков <h1>.

#CSS

Добавление границы к элементам

Этот CSS-код добавляет тонкую черную границу среди элементов с классом box.

#CSS

Использование отступов и полей

Этот код устанавливает отступ в 10 пикселей и поля внутри элементов с классом content.

#CSS

Изменение выравнивания текста

Этот CSS-код центрирует текст в элементах с классом center-text.

#CSS

Использование псевдокласса для ссылок

Этот CSS-код изменяет цвет ссылок при наведении курсора мыши на них на синий.

#CSS

Использование фонового изображения

Этот код устанавливает фоновое изображение для элементов с классом header и растягивает его, чтобы оно полностью покрывало фон.

#CSS

Изменение прозрачности элемента

Этот CSS-код делает элементы с классом transparent-box полупрозрачными.

#CSS

Создание анимации

Этот код создает анимацию сдвига элементов с классом animate влево.

#CSS

Использование медиазапросов

Этот CSS-код отображает элементы с классом mobile-menu только при ширине экрана менее 768 пикселей.

#CSS

Создание градиента

Этот код создает вертикальный градиент от оранжевого к желтому для элементов с классом gradient-box.

#CSS

Изменение курсора мыши

Этот CSS-код устанавливает курсор мыши в виде указателя для элементов с классом clickable.

#CSS

Изменение ширины границы элемента при наведении

В этом примере CSS у элементов с классом border-hover устанавливается сначала тонкая синяя граница, которая становится толще при наведении курсора. Это достигается с помощью свойства border-width и эффекта плавного перехода (transition).

#CSS

Создание заголовка страницы

Этот код создает заголовок веб-страницы, который отображается во вкладке браузера.

#HTML

Добавление текста на страницу

Этот код добавляет абзац текста на веб-страницу.

#HTML

Вставка изображения

Этот код вставляет изображение на страницу.

#HTML

Создание гиперссылки

Этот код создает ссылку на другую веб-страницу.

#HTML

Создание списка

Этот код создает маркированный список.

#HTML

Создание таблицы

Этот код создает таблицу с двумя строками и двумя столбцами.

#HTML

Создание формы

Этот код создает форму для отправки данных на сервер.

#HTML

Создание кнопки

Этот код создает кнопку, которую можно нажать.

#HTML