Cascading Style Sheets Reference

HR & Line Examples

HTML Code

    <div class="(classname)">
    </div>
    

Example #1 - Simple Black Line

        .l1 { border-top: solid 1px; }
    

Example #2 - Thicker Green Line

        .l2 { border-top: solid 3px #99CC99; }
    

Example #3 - Dotted line

        .l3 { border-top: dotted 4px #CC9999; }
    

Example #4 - Grooved Blue Border

        .l4 { border-top: groove 4px #9999FF; }