<!DOCTYPE html>
<html lang="en">
<head>
<title>Learn CSS</title>
</head>
<body>
<p class="dotted">A dotted outline</p>
<p class="dashed">A dashed outline</p>
<p class="solid">A solid outline</p>
<p class="double">A double outline</p>
<p class="groove">A groove outline. Depends on outline-color.</p>
<p class="ridge">A ridge outline. Depends on the outline-color.</p>
<p class="inset">An inset outline. Depends on the outline-color.</p>
<p class="outset">An outset outline. Depends on the outline-color.</p>
</body>
</html>