CSS3 Basic Properties

1. Browser prefixes

(1)-webkit-(WebKit, Chrome, Safari)

(2)-moz-(Firefox)

(3)-ms-(Internet Explorer)

(4)-o-(opera)

It is recommended to write an unprecedented statement at the end!

2. Creating fillets for elements (Border-radius)

(1) Create the same four rounded corners for the element:-webkit-border-radius:10px;

(2) Create a fillet for the element:-webkit-border-top-left-radius:10px;//Create a rounded corner of the upper-left corner

-moz-border-radius-topleft:10px;

(3) Create an oval fillet for the element:-webkit-border-radius:x/y;//x: The radius size of the original angle in the horizontal direction y: The size of the original angle in the vertical direction

(4) Create round fillets for elements:-webkit-border-radius:r;//r: The radius size of the element, and R should be equal to half the height or width of the element.

All new versions of browsers now support the Border-radius attribute, which is not prefixed.

CSS3 Basic Properties