CSS Border Color Tips


Border Color with CSS
In addition to the berdeda border, border can also be made with different colors. Add some syntax in the first script as shown in script below.


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Differenet Border Color</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>Different Shape and Color of the border.
</p>
</body>
</html>

Border Color Difference: The color of each side of the border can be set with different colors so that it looks beautiful.

0 comments:

Post a Comment