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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e51ce7-45152.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e51ce7-45152.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?