<!DOCTYPE html>
<html>
<head>
<title>Borders</title>
<link rel="stylesheet" type="text/css" href="6box-border.css">
</head>
<body>
<h1>Box border Properties</h1>
<p class="solid">This is a paragraph with a <code>solid</code> border</p>
<br>
<p class="dotted">This is a paragraph with a <code>dotted</code> border</p>
<br>
<p class="dashed">This is a paragraph with a <code>dashed</code> border</p>
<br>
<p class="double">This is a paragraph with a <code>double</code> border</p>
<br>
<p class="groove">This is a paragraph with a <code>groove</code> border</p>
<br>
<p class="ridge">This is a paragraph with a <code>ridge</code> border</p>
<br>
<p class="inset">This is a paragraph with an <code>inset</code> border</p>
<br>
<p class="outset">This is a paragraph with an <code>outset</code> border</p>
</body>
</html>