Brief Introduction to Fillet properties:
1. Attribute value: Represents the fillet radius, can be used in length units px, or Percent 2. Shorthand properties: Border-radius3. Component properties: Border-top-left-radius (top left), Border-top-right-radius (top right)
Border-bottom-right-radius (lower right), Border-bottom-left-radius (lower left)
the setting of the rounded shorthand property value (same as the margin property setting, clockwise direction):1, a property value: 4 Corner radius of the same 2, 2 attribute values: The first value: The top left corner, the bottom right corner; the second value: upper right corner, bottom left corner (cross-View) 3, 3 attribute values, 4 property values are the same as the margin propertyNote: Using the Fillet property must be combined with the Border property setting (you must set the 1px solid #acc3e3 three properties to be effective when setting a border)For example, input {border:1px solid #acc3e3; border-radius:2px;} Set the upper right and bottom corner to add {border-top-right-radius:0; border-bottom-right-radius:0;} to resolve the differences in browser display, write a private prefix for the browser: 1, ie kernel:-ms-2, Firefox kernel:-moz-3, Google Chrome, Safari kernel:-webkit-
CSS3.0 fillet property for rounded corners
