The border-bottom property (CSS Reference)
Introduction
The border-bottom property is used to define the bottom
border. You can define the width of the border with border-bottom-width, the
color with border-bottom-color and the style with border-bottom-style. These
values can be defined in either one-line declaration or you can declare them
one by one.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>border-bottom
Demonstration</title>
<style type="text/css">
p.border
{
border-left-width:3px;
border-left-color:black;
border-left-style:solid;
border-right-width:3px;
border-right-color:black;
border-right-style:solid;
border-top-width:3px;
border-top-color:black;
border-top-style:solid;
border-bottom-width:10px;
border-bottom-color:red;
border-bottom-style:dotted;
}
</style>
</head>
<body>
<h2><p class="border">This should show
only a red bottom border</p></h2
</body>
</html>
Output
|
Email TopXML