Inner-rounding

Border solid but container border rounded

I have a nice subtle inner rounding don't i look pretty ?

  1. First add a backgroundon your element.
  2. Then add a border-radiuswho will put his corners rounded.
  3. Then add a outlineproperty who will create a second border above the older one.
  4. Finally add a box-shadowon your element with the same coloror the outlineborder what will fill the void.