Как сделать округлые края у ?

Question

Есть у меня <legend> Мне нужно сделать его края не квадратными, а закруглёнными. Попробовал border-radius - не работает. Есть идеи как это можно сделать? Вот так нужно сделать:

Answer 1

так же как и для любых других контейнеров можно использовать border-radius:

legend {
  background: red;
  color:      white;
  
  padding:    10px;
  
  min-height: 50px;

  font-size:    20px;
  
  border-radius:  15px;
  
}

<legend>какой-то текст легенды</legend>

Answer 2

Вы скорее всего имели в виду тег <fieldset > :

fieldset {
  min-height: 50px;
  font-size: 14px;
  border-radius: 8px;
}

legend {
  padding: 10px;
}

<fieldset>
  <legend>Блок со скруглёнными краями</legend>
</fieldset>

БЛОГ НА HUSL

Как сделать округлые края у ?

Ответы (2 шт):