Background, border style and deformation processing, and background border style Deformation

Background, border style and deformation processing, and background border style Deformation
The background-clip attribute is used to specify the display range of the background. The attribute values are as follows:


The background-origin attribute is used to specify the upper left corner of the border or the upper left corner of the content when the background is drawn. The attribute values are as follows:


Background-size specifies the size of the background image. The attribute values are as follows:


The background-break attribute is used to specify the cycle mode when inline element background images are tiled. The following describes the loop method:


In CSS3, the border-radius attribute is used to specify the radius of the rounded corner to draw the radius of the rounded corner.

When creating a rounded border, if the radius of the four rounded corners of the border is different, you can use the following attributes to set the border: