CSS Border Tips


CSS Border Tutorials
One of the capabilities of the CSS is able to create the Border that can be used to further beautify the look of the website. With the Border a designer can provide guides on each element, such as images, text, paragraphs and so on, so no need to use the help of many tables to serve as guides for each element.

Creating Different Border
When making a border with the default style, a good model of border with the same size and shape. What if the border is not created equal? Try and prove the following script.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Diferent Border</title>
<style type="text/css">
p { border-top-style: dotted;
    border-bottom-style:solid;
    border-left-style:dashed;
    border-right-style:double;}
</style>
</head>
<body style="font-family:Verdana ">
<p>Different Border in every side. This is made from CSS
</p>
</body>
</html>

Border different: to set the style up, down, left, and right on the border will create a distinct style border.

0 comments:

Post a Comment