CSS fourth day summary more properties rounded border picture Paragraph properties color Gradient box Shadow

Rounded border:

Border-radius A value that represents the circle radius of Four Corners, 4 values are the upper-left corner, the upper-right corner, the lower-left corner, the lower-right corner, the unit can be px and percent, and the percentage is the ratio of the radius relative to the border length

In the CSS3 we can finally set the rounded corners quickly, and through this property we can also make the circle, semicircle, four points a circle, ellipse and other graphics.

Common fillet Effects:

div{border-radius:15px;}

Two values, respectively, refers to the horizontal radius and the vertical direction of the radius, separated by a/number, such as:

div{border-radius:5px 3px 4px 2px/1px 2px 3px 4px;}

Round:

div{border-radius:50%;}

CSS fourth day summary more properties rounded border picture Paragraph properties color Gradient box Shadow