<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
div{
border-style: solid;
padding:10px;
}
#point{
border-color: red;
}
#point1{
border-color: red green;
}
#point2{
border-color: red green blue;
}
#point3{
border-color: red green blue orange;
}
#point4{
border-color: transparent;
}
</style>
</head>
<body>
<h1>CSS border-color Property</h1>
<h2>border-color: red;</h2>
<div id="point">
This is div container.
</div>
<h2>border-color: red green;</h2>
<div id="point1">
This is div container.
</div>
<h2>border-color: red green blue;</h2>
<div id="point2">
This is div container.
</div>
<h2>border-color: red green blue yellow;</h2>
<div id="point3">
This is div container.
</div>
<h2>border-color: transparent;</h2>
<div id="point4">
This is div container.
</div> </body>
</html>