border Examples

Example 1
border type overview
solid
dotted
dashed

double
groove
ridge
inset
outset
<div style="border:1px solid gray;">solid</div>
<div style="border:1px dotted gray;">dotted</div>
<div style="border:1px dashed gray;">dashed</div>
<br>
<div style="border:3px double gray;">double</div>
<div style="border:4px groove gray;">groove</div>
<div style="border:4px ridge gray;">ridge</div>
<div style="border:4px inset gray;">inset</div>
<div style="border:4px outset gray;">outset</div>
Example 2
To apply a border to an image
border :
1px
border : 1px solid black
Example 3
The Rainbow !!
rainbow colors
<div style="border:10px ridge red;">
    <div style="border:10px ridge orange;">
        <div style="border:10px ridge yellow;">
            <div style="border:10px ridge green;">
                <div style="border:10px ridge blue;">
                    <div style="border:10px ridge navy;">
                        <div style="border:10px ridge purple;">
                            rainbow colors
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>