Borders in CSS

Picture Making rounded Box

fixed-width round corner box

The top fillet picture is applied to the top of the first child element of the Div, and the bottom rounded picture is applied to the bottom of the div box

Fixed width rounded box with adaptive height

The DIV has a repeating background that applies the top rounded picture to the first child element of the Div, and the bottom fillet picture applied to the bottom of the last child element

Fixed width rounded box with adaptive height

The four corners of the fillet box correspond to the four elements, and the position of each element where the picture is placed is coincident with the corner of the large box. Use the percentage to set the width of the box to scale and scale according to the browser window size.

CSS code border

border: Border-width border-style Border-color

BorderStyle: None/hidden/solide/dotted/dashed/double/groove (3D groove Border)/Ridge (3D Ridge Border)/inset (inset border)/outs ET (inset border)/Inhere

3D border depends on Border-color border-color: Border color

border-width: Border width can be set to top, right, bottom, left

Border-*-radius: Border fillet box-shadow:h-shadow (horizontal shadow) V-shadow (vertical shadow) blur (blur distance) spread (shadow size) color (shadow color) inset (changes the outer shadow to an inner shadow);

Borders in CSS