CSS Border-bottom usage explanation

Border-bottom (refers to the style, width, and color of the set edge)

Border-bottom: value;

Border-bottom-style: value;

Border-bottom-color: value;

Border-bottom-width: value;

Such as:

Border-bottom:solid 1px #ffff00;

Border-bottom-style:outset;

Border-bottom-color: #0000ff;

border-bottom-width:15px;

The Border-bottom property is used to specify the style, width, and color of the bottom line, with half-width spaces spaced between values, with no precedence.

The value of the style of the Border-bottom property, which refers to the style of the edge. The value of the width of the edge, depending on the width of the edge.

The following properties are used when specifying the style, width, and color of the bottom line, respectively:

• Border-bottom-color: Color of the bottom line

• Border-bottom-style: style of bottom line

• Border-bottom-width: width of bottom line

The value of the Border-bottom and its description

Properties	value	Description
Border-bottom	Solid	The bottom line is a solid line Other values are: groove, dotted, etc., refer to the edge style for details.
	1px	The width of the bottom line Use numeric values to represent any width of the edges, in addition to PX, and Em, EX, refer to values + units for details Use keywords to specify Thin (fine), medium (normal), thick (coarse)
	#ff0000	The color of the bottom line In addition to using color codes to represent specific colors, edges can also be specified as transparent: transparent

Instance

CSS file

. sample1,.sample2,.sample3{margin:0.5em;padding:2px;}. Sample1 {border-bottom:solid 1px #ffff00;}. Sample2 {border-bottom:groove 10px #00ff00;}. Sample3 {border-bottom-style:ridge;border-bottom-color: #0000ff; border-bottom-width:15px;}

HTML file that links the above CSS file

<! DOCTYPE html>