you need to make a div of such a plan, and so that the children are in the shaded area, can you do it?

Closed due to the fact that off-topic participants LFC , freim , 0xdb , aleksandr barakin , UModeL Feb 23 at 23:39 .

It seems that this question does not correspond to the subject of the site. Those who voted to close it indicated the following reason:

  • " Learning tasks are allowed as questions only on condition that you tried to solve them yourself before asking a question . Please edit the question and indicate what caused you difficulties in solving the problem. For example, give the code you wrote, trying to solve the problem "- LFC, freim, 0xdb
If the question can be reformulated according to the rules set out in the certificate , edit it .

  • one
    This question in the form of a picture should be closed, because it is useless for the knowledge base (the one who has a similar question will not be able to find this question and the answers to it) - aleksandr barakin

1 answer 1

You can use the box-shadow trick

  box-shadow: 0 /*Горизонтальный отступ*/ 0 /*Вертикальный отступ*/ 0 /*Размытие*/ 30px /* "Распостранение" */ teal /* Цвет */ inset /* Внутри элемента */; 

 .wrapper { width: 300px; height: 300px; box-shadow: 0 0 0 30px teal inset; } .inside { color: #fff; } 
 <div class="wrapper"> <div class="inside">Inside the container</div> </div>