Возможно ли задать одному div два цвета и два border-radius?

Question

[vasIvas]

Возможно ли задать одному div стиль как на картинке? И если да, то как?

Comments

[Сергей Сергей]

почему просто не сделать толстую границу?

[vasIvas]

Сергей Сергей: а как сделать чтобы толстая граница была закруглена на внутренних углах?

[Сергей Сергей]

радиус больше толщины установить.

[vasIvas]

Сергей Сергей: спасибо.

Answer 1

[holfza]

jsfiddle.net/at43jwtb

Comments

[vasIvas]

именно такой вариант я и хотел увидеть, спасибо.

Answer 2

[Super User]

Можно как минимум 2 способами:

• Через border
  
• Через box-shadow смотрящий внутрь
  

Answer 3

[Yaroslav Lyzlov]

Нельзя. Нужно сделать див в диве и внутренний див отпозиционировать.

Comments

[sergey]

ну прям таки нельзя, а через before

[Yaroslav Lyzlov]

Согласен. Но это лишь синтаксический сахар, по сути - одно и тоже