Isn't it ? 👇

Question

When setting a background-color to a box, it covers the content area, as well as the padding. Unless you specify content area properties...

Answer 1

Use background-clip to define background color or image area.
Take a look at this sample here..
https://code.sololearn.com/WH2t0RN549k5/?ref=app

Answer 2

background clip text is super Awesome

https://code.sololearn.com/Wc5147EK2Vko/?ref=app

Answer 3

There's an interactive code snippet in this link that should help clarify:

https://css-tricks.com/box-sizing/

Answer 4

Another effect by background-clip: text
https://code.sololearn.com/W9W6M3SHhH8e/?ref=app

Answer 5

well thanks !