The border-color property specifies the color of the border. Let's create a Web page named bordercolor.html which is used to display the implementation of the border-color property.
<!doctype html>
<head>
<title>
border color property
</title>
<style type="text/css">
p.border1
{
border:groove #437845;}
p.border2
{
border-style:ride;
border-color:red black;
}
p.border3
{
border-style:double;
border-width:4;
border-color:#123456 blue #894532;
}
p.border4
{border-style:double;
border-width:4;
border-color:yellow green black rgb(250,0,255);
}
</style>
</head>
<body>
<p class="border1">in this border we set with one color value</p>
<p class="border2">in this border we set with two color value</p>
<p class="border3">in this border we set with three color value</p>
<p class="border4">in this border we set with four color value</p>
</body>
</html>
The Output of the bordercolor.html
<!doctype html>
<head>
<title>
border color property
</title>
<style type="text/css">
p.border1
{
border:groove #437845;}
p.border2
{
border-style:ride;
border-color:red black;
}
p.border3
{
border-style:double;
border-width:4;
border-color:#123456 blue #894532;
}
p.border4
{border-style:double;
border-width:4;
border-color:yellow green black rgb(250,0,255);
}
</style>
</head>
<body>
<p class="border1">in this border we set with one color value</p>
<p class="border2">in this border we set with two color value</p>
<p class="border3">in this border we set with three color value</p>
<p class="border4">in this border we set with four color value</p>
</body>
</html>
The Output of the bordercolor.html
No comments:
Post a Comment