<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Border Paragraf</title>
<style>
#table{
width:300px;}
#dotted {border-style: dotted;}
#dashed {border-style: dashed;}
#solid {border-style: solid;}
#double {border-style: double;}
#groove {border-style: groove;}
#ridge {border-style: ridge;}
#inset {border-style: inset;}
#outset {border-style: outset;}
#none {border-style: none;}
#hidden {border-style: hidden;}
</style>
</head>
<body>
<div id="table">
<p id="dotted">Hello World - dotted</p>
<p id="dashed">Hello World - dashed</p>
<p id="solid">Hello World - solid</p>
<p id="double">Hello World - doudle</p>
<p id="groove">Hello World - groove</p>
<p id="ridge">Hello World - ridge</p>
<p id="inset">Hello World - inset</p>
<p id="outset">Hello World - outset</p>
<p id="none">Hello World - none</p>
<p id="hidden">Hello World - hidden</p>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Border Paragraf</title>
<style>
#table{
width:300px;}
#dotted {border-style: dotted;}
#dashed {border-style: dashed;}
#solid {border-style: solid;}
#double {border-style: double;}
#groove {border-style: groove;}
#ridge {border-style: ridge;}
#inset {border-style: inset;}
#outset {border-style: outset;}
#none {border-style: none;}
#hidden {border-style: hidden;}
</style>
</head>
<body>
<div id="table">
<p id="dotted">Hello World - dotted</p>
<p id="dashed">Hello World - dashed</p>
<p id="solid">Hello World - solid</p>
<p id="double">Hello World - doudle</p>
<p id="groove">Hello World - groove</p>
<p id="ridge">Hello World - ridge</p>
<p id="inset">Hello World - inset</p>
<p id="outset">Hello World - outset</p>
<p id="none">Hello World - none</p>
<p id="hidden">Hello World - hidden</p>
</div>
</body>
</html>
