Set border-color to blue in HTML and CSS

Description

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

Example


<html>
<head>
<style type="text/css">
div {<!--   ww w .  j  av a2  s  . c  o m-->
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>

Click to view the demo

The code above generates the following result.

Set border-color to blue in HTML and CSS

Home »
  HTML CSS Tutorial »
    Layout »
      Border

...
Compare all Border styles in HTML and CSS
Compare em measurement in border width, hei...
Compare thin medium and thick borders in HT...
Demonstrate that when no border-color is sp...
Overwrite border in HTML and CSS
Set Border width differently for four direc...
Set Border width for different directions i...
Set Border width in four differently values...
Set Border width in one value in HTML and C...
Set Border width in three values in HTML an...
Set Border width in two values in HTML and ...
Set border - 1px solid crimson in HTML and ...
Set border-bottom - 1px dotted black in HTM...
Set border bottom style to dashed in HTML a...
Set border-bottom-style to double in HTML a...
Set border-bottom-width to 2px in HTML and ...
Set border color for different directions i...

Set border-color to blue in HTML and CSS

Set border color to red in HTML and CSS
Set border-left-style to inset in HTML and ...
Set border-left to 1px solid crimson; in HT...
Set border-right-style to dashed in HTML an...
Set border style in four directions differe...
Set border-style in four directions - solid...
Set border-style in three directions - soli...
Set border-style to dashed in HTML and CSS
Set border-style to dotted in HTML and CSS
Set border-style to groove in HTML and CSS
Set border style to hidden in HTML and CSS
Set border-style to inset in HTML and CSS
Set border-style to none in HTML and CSS
Set border-style to outset in HTML and CSS
Set border-style to ridge in HTML and CSS
Set border-style to solid in HTML and CSS
Set border style with shorthand three value...
Set border style with shorthand two values ...
Set border - thin solid rgb(0, 0, 0) in HTM...
Set border to use em measurement - 1em soli...
...