I created an example here: https://codepen.io/allisonching/pen/JjPpBvg
I found that if I apply background color to the children element, the container border radius will be covered. And I have to apply border-top-right-radius and border-top-left-radius to the children element. Can someone explain why to me? Or any better approach to achieve the same result?