Закругление углов CSS

Закругление углов CSS

08.06.2018 15

Поделиться
Отправить
Плюсануть
Запинить
Класснуть
Поделиться

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

В CSS есть возможность закругление углов, которая позволяет закруглять элементы с помощью свойства border-radius.

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

Данное свойство освоить очень легко, рассмотрим на примере:

.block { border-radius: 15px 10px 5px 0; }

.block - элемент к которому применяем закругление.

15px - вверх, 10px - справа, 5px - низ, 0 - лево.

 

Вот так легко изучить закругление углов CSS.


Чтобы более подробно разобраться в данной теме "Закругление углов CSS" советую посмотреть наше видео на эту тему:

Хочешь научиться создавать сайты? Изучи все на практике, с помощью интерактивных курсов у нас на проекте. Регистрация - Войти - Наши курсы. Задавайте вопросы в комментариях!
Автор данной статьи:

Максим Shushval