Home > Article > Web Front-end > How to use css border-bottom property?
The border-bottom property is a CSS shorthand property used to set all bottom border properties in one statement.
##CSS border-bottom property
Function: Change the bottom border All properties are set into one statement.
Basic syntax:
border-bottom：width style color;border-bottom-width: Specifies the width of the bottom border. border-bottom-style: Specifies the style of the bottom border. border-bottom-color: Specifies the color of the bottom border.
Note: If you do not set one of the values, there will be no problem. For example, border-bottom:solid #ff0000; is also allowed.
CSS border-bottom property usage example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>Rendering: 
The above is the detailed content of How to use css border-bottom property?. For more information, please follow other related articles on the PHP Chinese website!