The four corners of div are triangles, as shown in the figure.

div four corners are triangles. As shown in the picture, I want to put the content in the box. The content in the box will not run out. If I try the background image, it doesn"t seem to work. There is no way to deal with the four corners.

May.25,2021

linear-gradient learn


CSS padding attribute if you want to separate the interior from the corner.

simple corners can also be handled with pseudo-classes or div rotations, but in your case

clipboard.png

+paddingsvg

Demo


, ,


div


make the background picture

Menu