April 17, 2009

0 Set the style of the borders in CSS


<html>
<head>
<style type="text/css">
p.dotted { border-style: dotted}
p.dashed { border-style : dashed}
p.solid { border-style : solid}
p.double { border-style : double}
p.groove { border-style : groove}
p.ridge { border-style : ridge}
p.inset { border-style : inset}
p.outset { border-style : outset}
</style>
</head>
<body>
<p class= "dotted"> A dotted border</p>
<p class= "dashed"> A dashed border</p>
<p class= "solid"> A solid border</p>
<p class= "double"> A double border</p>
<p class= "groove"> A groove border</p>
<p class= "ridge"> A ridge border</p>
<p class= "insert"> A inset border</p>
<p class= "outset"> A outset border</p>
</body>
</html>


</style>
</head>
<body>
<h1>this is header 1 </h1>
<h4>this is header 4 </h4>
</body>
</html>

0 comments:

Post a Comment

Blogger Themes

 
Powered by Blogger