<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.