<?xml version = "1.0"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <title>Borders</title>
<style type = "text/css"> div { text-align: center; margin-bottom: 1em; padding: .5em }
.thick { border-width: thick }
.medium { border-width: medium }
.thin { border-width: thin }
.groove { border-style: groove }
.inset { border-style: inset }
.outset { border-style: outset }
.red { border-color: red }
.blue { border-color: blue }
</style> </head>
<body>
<div class = "thick groove">this is a test. </div> <div class = "medium groove">this is a test. </div> <div class = "thin groove">this is a test. </div>
<p class = "thin red inset">this is a test. </p> <p class = "medium blue outset">this is a test. </p>
