<p class="solid">My Border is Solid </p>
<p class="dotted">My Border dotted </p>
<p class="dashed">My Border dashed </p>
<p class="double">My Border is double </p>
<p class="several"> I have several border styles </p>
<p class="none">I have no border </p>

.solid {
  border-style: solid;
}
.dotted{
  border-style: dotted;
}

.dashed{
  border-style: dashed;
}

.double{
  border-style: double;
}
.several{
  border-style: dotted solid dashed double;
}
.none{
  border-style:none;
}