PHP Full Stack Development (eight): Cssⅷborder margin padding

In CSS, all HTML elements can be viewed as a box.

So in the design and layout, the most commonly used, that is, to define the margin of the box is margin

Defining the inner margin of the box is padding.

The width of the element's content is set by the wide property, so what is the total width of the element in the HTML page?

is width + padding-left + padding-right + border-left-width + border-right-width This is the total width of the entire HTML page that the element occupies.

For borders, we can use Border-style to set the style of the border

Use Border-width to set the width of the border.

Use Border-color to set the color of the border.

Set the margin of an element by using the margin property.

You can set up and down on the left and right, using the following syntax:

Margin-top top margin; Margin-bottom: Bottom margin margin-left: Left margin; Margin-right: Right margin.

The use of padding is similar to how margin is used.

PHP Full Stack Development (eight): Cssⅷborder margin padding