border-color: blue : border color « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. border color

border-color: blue

   

<?xml version = "1.0"?>
<!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>Borders</title>

      <style type = "text/css">
         div{ text-align: center;
                   margin-bottom: 1em;
                   padding: .5em;
                   border-width: thick;
                   border-color: blue;
                   border-style: groove; }
      </style>
   </head>
   <body>
      <div>this is a test. </div>
   </body>
</html>








Related examples in the same category

1.You can individually change the color of the bottom, left, top and right sides of a box's border using the properties:
2.'border-color' Example
3.border-color: red;
4.border-color: black