Css border-bottom (specify the style, width, and color of the lower line) and cssborder-bottom

Css border-bottom (specify the style, width, and color of the lower line) and cssborder-bottom
Border-bottom (specify the style, width, and color of the lower line)

Border-bottom: value;

Border-bottom-style: value;

Border-bottom-color: value;

Border-bottom-width: value;

For example:

Border-bottom: solid 1px # ffff00;

Border-bottom-style: outset;

Border-bottom-color: # 0000ff;

Border-bottom-width: 15px;

The border-bottom attribute is used to specify the style, width, and color of the lower line. The values are separated by spaces with no order.

For details about the style value of the border-bottom attribute, refer to the style of the edge. The value of the edge width. For details, refer to the width of the edge.

Use the following attributes when specifying the style, width, and color of the lower line respectively:

• Border-bottom-color: The color of the lower line
• Border-bottom-style: the style of the lower line
• Border-bottom-width: width of the lower line

Border-bottom value and description

Attribute	Value	Description
Border-bottom	Solid	The bottom line is the solid line. Other values include groove and dotted. For details, see the edge style.
	1px	Width of the lower line The value can be used to indicate any width of the edge. The unit of the value is px, em, and ex. For details, refer to the value + unit. Use keywords to specify Thin (fine), medium (normal), thick (rough)
	# Ff0000	Color of the lower line In addition to the color code, the edge 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 linked to the above css file

<! DOCTYPE html> 
 
Read: http://www.manongjc.com/article/1190.html