Как закруглить углы при помощи CSS
22.10.2017 07:35:43 am
Для скругления уголков в CSS существует свойство
Пример:
В первой строке кода будут закруглены все четыре угла одинаково -
В второй строке будут два угла (верхний левый и правый нижний) будут скруглены на
Используя третью строку примера, будет скругление верхнего левого угла на
В четвертой строке у каждого угла будет скругление разное:
Верхний левый -
Правый верхний -
Правый нижний -
Нижний левый -
border-radius. Данное свойство может иметь от одного, до четырех значений.
Пример:
border-radius: 1px; /* Одно значение */
border-radius: 1px 2px; /* Два значения */
border-radius: 1px 2px 3px; /* Три значения */
border-radius: 1px 2px 3px 4px; /* Четыре значения */В первой строке кода будут закруглены все четыре угла одинаково -
1px.
В второй строке будут два угла (верхний левый и правый нижний) будут скруглены на
1px, другие два (нижний левый и правый верхний) будут скруглены на 2px.
Используя третью строку примера, будет скругление верхнего левого угла на
1px, нижний левый и правый верхний угол будут скруглена на 2px, и правый нижний будет на 3px.
В четвертой строке у каждого угла будет скругление разное:
Верхний левый -
1px.
Правый верхний -
2px.
Правый нижний -
3px.
Нижний левый -
4px.- Жалоба
