CSS Border Size Tips


Border Size
In addition to style and color, border size can also be created differently on each side. This will make your table look so different with others. Script as follows.

<html>
<head>
<title>Different Size</title>                 
<style type="text/css">                      
p { border-top-style: dotted;      
border-top-color:#FF0000;          
border-top-width:1pt;
border-bottom-style:solid;
border-bottom-color:#0066FF;    
border-bottom-width:5pt;          
border-left-style:dashed;
border-left-color:#00FF00;          
border-left-width:10pt;          
border-right-style:double;
border-right-color:#FF9900;      
border-right-width:3pt;}
</style> </head>                                      
<body style="font-family:Verdana ">
<p>Shape, Color, and Size of the boerder is different with CSS.</p>
</body>
</html>

Border Size Differences: Size of the border can be set differently as well as shape and color.

0 comments:

Post a Comment