CSS style border line attribute style, inner and outer margins and margins do not overlap vertically
Lululovesickness 2020-12-09 16:09:22 29 Collect
Category column: html, css
Copyright
border properties
Property Meaning
border-width border thickness,
border-style border-style
border-color border color
border-radius rounded corners
border of ligatures
border: Line thickness, border style, line color;
1
The expression of color can be: hexadecimal, rgb function, rgba function, English words
Insert picture description here
The border style can customize the input border line
Unidirectional border style
// top top bottom bottom left left right right
border-direction noun: pixel line color;
1
2
cancel border
border: none;
1
transparent border
border-color: transparent
1
inner margin padding
// only one Value
padding: up, down, left and right;
//
Padding when only two values are given : up, down, left, and right;
//
Padding when only three values are given : up, left, and bottom;
//When only four values are given,
padding: top right, bottom left;
margin
// when only one value is given,
margin: top, bottom, left, and right;
// When only two values are given,
margin: up, down, left, and right;
// When only three values are given,
margin: up, left, and bottom;
// When only four values are given,
margin: upper right, lower left;
If the box is centered in the horizontal direction, set to auto