Как сделать такой border-radius?

Question

[mutaev_murad]

Там наверху есть белая граница может ее не видно я нарисовал такую черного цвета
как можно сделать такое без верхней линий

Answer 1

[gleendo]

.name {
    border-right: 5px solid #fff;
    border-left: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    .......
  }

Answer 2

[Дмитрий]

Сделайте вложенным дивом или тенью без размытия

Answer 3

[Даниил Игоревич]

Контейнер в самом верху расположен, так что верхняя линия же не видна)
Так можно сделать через box-shadow, он скругляется...

Answer 4

[Sergiu Mitu]

border либо box-shadow, вариантов два. border-radius применяется к обеим.

Answer 5

[mutaev_murad]

.name {
border-right: 5px solid #fff;
border-left: 5px solid #fff;
border-bottom: 5px solid #fff;
border-radius: 0 10px 10px 0;
overflow: hidden;
.......
}

border-radius: 0 0 10px 10px ;

Вот так пошло 10 10 поменяв местами!

Answer 6

[Евгений]

Как-то так:

border: 2px solid #fff;
border-top: none;
border-radius: 0 0 5px 5px;