CSS Getting Started tutorial: Picture border border

First, picture border border

In the section "CSS border border" We explained in detail the border border property. In CSS, we also use the Border property to define the border of a picture.

Grammar:

Border-width: Pixel value;

Border-style: attribute value;

Border-color: color value;

Note: or use border concise notation, such as "border:1px solid gray;".

Description

If you forget the border attribute, please go back and review it yourself.

Example 1:

<! DOCTYPE html>
The preview effect in the browser is as follows:


Example 2:

<! DOCTYPE html>
The preview effect in the browser is as follows:


Analysis: In this example, we used the ": hover pseudo-Class" to define a gray border when the mouse passes through the picture.