HTML5 basics-border style

One. Three elements of the element
A. Border Three elements of the border
:
1. Type of line: border- (top / bottom / left / right) -style:
value meaning
none does not display the border, this is the default attribute value
dotted dotted line
dashed dotted line
solid solid
double double solid
groove groove with three-dimensional groove
ridge The border is ridged
inset to make the whole box concave, that is, a three-dimensional border is embedded inside the frame to
make the whole box convex, that is, one is embedded outside the frame Three-dimensional frame

2. The thickness of the border: border- (top / bottom / left / right) -width:

border-top
border-bottom
border-left
border-right
3. Border color:
border- (top / bottom / left / right) -color:
B.
padding-top: value px;
padding-bottom: value px ;
padding-left: value px;
padding-right: value px;

C.
margin-top: value px;
margin-bottom: value px;
margin-left: value px;
margin-right: value px;

two. List
list style:
list-style-type: type;
list-style-image: url ("image path");
list-style-position: inside (li's inside) / outside (outside);

Published 32 original articles · Likes 96 · Visits 1583

Guess you like

Origin blog.csdn.net/qq_44534541/article/details/105519521