How-to articles, tricks, and solutions about STYLE

Как добавить границу к изображению в CSS

Узнайте, как можно добавить границу к изображению, добавить к ней стиль, как задать каждый угол и получить круглые границы. Смотрите примеры.

css image style HTML5 border

Как добавить фоновое изображение

Для того, чтобы добавить фоновое изображение к HTML-документу, необходимо использовать стили CSS

css image style background

Как и когда использовать правило !important в CSS

Узнайте, как и почему можно использовать правило !important в CSS стилях.

css color style rule

Как изменить цвет по умолчанию выделенного текста с помощью CSS

Используйте CSS селектор ::selection для изменения цвета по умолчанию при выделении текста. Используйте только CSS и попробуйте примеры.

css color style text effect input textarea CSS3

Как использовать и оформлять иконки с помощью CSS?

Смотрите эту статью, чтобы научиться, как использовать иконки с помощью CSS. Узнайте также, как добавить разные стили к иконкам для интересного дизайна.

css color style effect animation button

Как использовать несколько фоновых изображений с помощью CSS

Узнайте как можно использовать несколько фоновых изображений с помощью свойств background-image, background-position, background-repeat. Также смотрите примеры!

css image style background CSS3

Как отключить ссылки на текущей странице с помощью CSS

Узнайте как отключить ссылки на текущей странице используя свойства pointer-events и user-select. Смотрите примеры!

css style disable link cursor

Как оформить кнопки с помощью CSS

Узнайте, как можно оформить кнопки с помощью CSS. Смотрите примеры!

css style hover button input

Как оформить раскрывающийся список <select> с помощью только CSS?

Читайте, как оформить блок выбора. Узнайте 4 способа замены стрелок раскрывающегося списка на фоновое изображения или знак препинания.

css style drop-down

Как применить стили CSS только к половине слова или символа

Узнайте, как применить стилизацию половины слова или символа, или получить эффект тройной стилизации. Используйте только CSS для получения разных эффектов, или получите такой же эффект с помощью JavaScript и jQuery.

css style effect jQuery

Как создать HTML кнопку, которая действует как ссылка

Есть много способов создания HTML кнопки, которая действует как ссылка. Можно добавить inline onclick event к HTML тегу button или input.

html style link HTML5 button input

Как создать выпадающее меню навигации с помощью CSS

Узнайте, как создать выпадающее меню навигации с помощью тега <ul>. Создайте ваш код шаг за шагом и смотрите примеры!

css color style hover navbar drop-down

Как создать мигающую/светящуюся кнопку с помощью анимации в CSS3

Узнайте, как можно создать мигающую/светящуюся кнопку с помощью CSS. Смотрите примеры!

css style effect animation button CSS3

Как создать поле поиска

Изучите, как создать поля поиска, используя только CSS и HTML.

css style placeholder input

Как создать эффект стопки бумаги

Используйте 3D эффект стопки бумаг для создания более привлекательного веб-сайта. Читайте и смотрите примеры!

css style effect

Как удалить, заменить или оформить маркеры списка с помощью CSS

Изучите, как удалить оформить и заменить маркеры списка на изображения. Также узнайте, как можно создать горизонтальные списки. Смотрите примеры.

html css style lists