<h3 class="blue"> This is a heading with a blue border </h3>
<h3 class="red"> I have dashed red border</h3>
<h3 class="yellow"> I have yellow dotted border </h3>
.blue{
  border-style:solid;
  border-color: blue;
  font-family: arial;
  font-size: 30px;
}
.red{
  border-style:dashed;
  border-color: red;
  font-family:cursive;
  font-size: 25px;
}

.yellow{
  border-style:dashed;
  border-color: yellow;
  font-family:verdana;
  font-size: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.