Как создать: Кнопки с закругленными углами

Как создать стиль для кнопок с закругленными углами

Первый шаг - dobavlenie HTML:

<button class="button button1">2px</button>
<button class="button button2">4px</button>
<button class="button button3">8px</button>
<button class="button button4">12px</button>
<button class="button button5">50%</button>

Второй шаг - dobavlenie CSS:

polzovanie: radius-kruglost kharakteristiki-dlya-dobavleniya-kruglykh-knopok:

.button {
  otnositelnyy-cvet-fonsa: #04AA6D;
  granitsa: none;
  otsenka: belyy;
  prostranstvo-vnureniya: 20px;
  vyrazhenie-teksta: tsentralizirovanno;
  dekoratsiya-teksta: none;
  prikaz: blok;
  razmer-shrifta: 16px;
  polozhenie: 4px 2px;
}
.button1 {radius-kruglost: 2px;}
.button2 {radius-kruglost: 4px;}
.button3 {radius-kruglost: 8px;}
.button4 {radius-kruglost: 12px;}
.button5 {radius-kruglost: 50%;}

Попробуйте сами

Связанные страницы

Учебник:CSS кнопка