<p class="one">Hello World!</p>
<p class="two">Hello World!</p>
<p class="three">Hello World!</p>
<p class="four">Hello World!</p>

p.one {

  border-style: dotted;

  border-width: 10px;

}

p.two {

  border-style: dashed;

  border-width: thin;

}

p.three {

  border-style: double;

  border-width: medium;

}

p.four {

  border-style: solid;

  border-width: 10px;

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.