Set the border color

Description

border-color controls the border color.

Example

The following code shows how to set border-color to blue.


<html>
<head>
<style type="text/css">
div {<!--   w w w .j a  v  a2 s .c o m-->
    margin-bottom: 1em;
    padding: .5em;
    border-width: thick;
    border-color: blue;
    border-style: groove;
}
.dotted {
    border-color: red;
    border-width: medium;
    border-style: dotted;
    text-align: center;
}
#two {
    border-style: double solid;
    border-color: red green purple blue;
    border-width: thin medium thick .25cm;
}
</style>
</head>
<body>
    <div>this is a test.</div>
    <p class="dotted">Dotted</p>
    <p id="two">This is another paragraph 
            that has its borders set in a very bizarre way!</p>
</body>
</html>

Click to view the demo





















Home »
  HTML CSS »
    CSS »




CSS Introduction
CSS Background
CSS Border
CSS Box Layout
CSS Text
CSS Font
CSS Form
CSS List
CSS Selectors
CSS Others
CSS Table