Рецепты HTML и CSS

Изображения

• Как вывести картинку заданных размеров без искажений?
• Как добавить картинку на веб-страницу?
• Как добавить рамку к изображению при наведении?
• Как добавить рамку к изображению?
• Как добавить скруглённые уголки к картинке?
• Как добавить тень к изображению?
• Как задать ширину изображения?
• Как ограничить ширину картинки?
• Как отразить изображение?
• Как повернуть изображение?
• Как размыть изображение?
• Как сделать картинку на всю ширину?
• Как сделать картинку резкой?
• Как сделать картинку ссылкой?
• Как сделать картинку чёрно-белой?
• Как сделать круглые изображения?
• Как сделать обтекание картинки текстом?
• Как увеличить картинку при наведении?

Линии и рамки

• Как добавить вертикальную линию к тексту?
• Как добавить рамку вокруг кнопки?
• Как добавить рамку вокруг ячеек таблицы?
• Как добавить рамку к изображению при наведении?
• Как добавить рамку к изображению?
• Как сделать горизонтальную линию?
• Как сделать градиентную рамку?
• Как сделать подчёркивание заголовка?
• Как сделать рамку вокруг таблицы?
• Как сделать скруглённую рамку таблицы?
• Как убрать рамку у кнопок?

Списки

• Как вместо символа маркера использовать картинку?
• Как задать расстояние между пунктами списка?
• Как изменить вид маркера списка?
• Как изменить расстояние от маркера до текста?
• Как изменить стиль чисел в списке?
• Как изменить цвет маркеров в списке?
• Как изменить цвет текста в списке?
• Как разместить пункты списка горизонтально?
• Как сделать вложенный список?
• Как сделать нумерацию римскими цифрами?
• Как сделать нумерацию русскими буквами?
• Как сделать нумерацию списка с определённого числа?
• Как сделать нумерованный список?
• Как убрать маркеры в списке?
• Как убрать промежуток между пунктами горизонтального списка?
• Как убрать точки у чисел списка?

Ссылки

• Как добавить адрес к тексту ссылки?
• Как добавить подчёркивание к ссылке?
• Как добавить пунктирное подчёркивание к ссылкам?
• Как добавить рисунок к внешним ссылкам?
• Как заголовок сделать ссылкой?
• Как задать цвет активной ссылки?
• Как задать цвет посещённых ссылок?
• Как задать цвет ссылок?
• Как изменить цвет ссылки при наведении?
• Как кнопку сделать ссылкой?
• Как открыть ссылку в новой вкладке?
• Как плавно изменить цвет ссылки?
• Как сделать картинку ссылкой?
• Как сделать ссылку для скачивания?
• Как сделать ссылку на адрес электронной почты?
• Как сделать ссылку на верх веб-страницы?
• Как сделать ссылку на изображение?
• Как сделать ячейку таблицы ссылкой?
• Как убрать подчёркивание у ссылок?
• Как указать язык сайта по ссылке?

Таблицы

• Как выделить цветом строку таблицы при наведении?
• Как выровнять заголовок таблицы по левому краю?
• Как выровнять содержимое ячеек по верхнему краю?
• Как выровнять таблицу по центру?
• Как добавить пространство вокруг текста ячеек?
• Как добавить рамку вокруг ячеек таблицы?
• Как задать ширину таблицы?
• Как разместить заголовок внизу таблицы?
• Как сделать рамку вокруг таблицы?
• Как сделать скруглённую рамку таблицы?
• Как сделать ячейку таблицы ссылкой?
• Как установить расстояние между ячейками?

Текст

• Как в строке сделать все буквы заглавными?
• Как выделить цветом фрагмент текста?
• Как выровнять текст по центру?
• Как выровнять текст по ширине?
• Как добавить всплывающую подсказку к тексту?
• Как добавить тень к тексту?
• Как задать цвет выделения текста?
• Как запретить перенос текста?
• Как изменить размер шрифта?
• Как менять размер текста при изменении размера окна?
• Как обрезать текст и добавить в конце многоточие?
• Как отобразить теги на веб-странице?
• Как размыть текст?
• Как сделать волнистое подчёркивание текста?
• Как сделать градиентный заголовок?
• Как сделать контурный текст?
• Как сделать курсивный текст?
• Как сделать мигающий текст?
• Как сделать отступ первой строки абзаца?
• Как сделать перенос слов?
• Как сделать перенос строки?
• Как сделать подчёркнутый текст?
• Как сделать текст жирным?
• Как сделать текст полупрозрачным?
• Как убрать жирность у заголовков?
• Почему вместо русского текста выводятся ромбики?

Тени

• Как добавить тень к блоку?
• Как добавить тень к изображению?
• Как добавить тень к кнопке?
• Как добавить тень к тексту?

Фон

• Как добавить две фоновые картинки к одному элементу?
• Как задать цвет фона и текста веб-страницы?
• Как размыть фоновую картинку?
• Как сделать градиентную рамку?
• Как сделать градиентный фон на веб-странице?
• Как сделать фон полупрозрачным?
• Как сделать фоновую картинку на всю ширину?
• Как сделать, чтобы фон не повторялся?

Формы

• Как добавить рамку вокруг кнопки?
• Как добавить тень к кнопке?
• Как запретить изменение размеров <textarea>?
• Как изменить вид нажатой кнопки?
• Как изменить цвет кнопки?
• Как кнопку сделать ссылкой?
• Как сделать круглую кнопку?
• Как сделать, чтобы в текстовом поле заранее выводился опредёленный текст?
• Как убрать рамку у кнопок?

Цвет

• Как выделить цветом строку таблицы при наведении?
• Как выделить цветом фрагмент текста?
• Как задать цвет выделения текста?
• Как задать цвет посещённых ссылок?
• Как задать цвет ссылок?
• Как изменить цвет кнопки?
• Как изменить цвет маркеров в списке?
• Как изменить цвет текста в списке?
• Как плавно изменить цвет ссылки?
• Как сделать текст полупрозрачным?
• Как сделать фон полупрозрачным?