Как сделать скругление по блоку?

Question

[vikas_web]

https://jsfiddle.net/hL0cud35/

Answer 1

[Danny Arty]

Если я правильно понял вопрос и вы хотите скруглить углы активного таба, то добавьте следующие стили к .tab__item--active и .tab__box--active (это примерный вариант, дальше надо будет подстроить под себя):

.tab__item--active {
  color: blue;
  background: red;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tab__box--active {
  background-color: red;  
  border-radius: 10px;
  padding-top: 15px;
  margin-top: -10px;
}

Comments

[vikas_web]

Danny Arty, скругление идет у всего сторон(где красное)

[Danny Arty]

vikas_web, не понял. вам нужно скруглить все углы красного блока?

[vikas_web]

Danny Arty, да

[Danny Arty]

vikas_web, обновил ответ, проверяйте