Cascading Style Sheets Reference

Borders Examples

HTML Code

    <div class="(classname)">
        On a warm night and before an electrified crowd 
        at Pac Bell Park, Barry Bonds smacked homer 
        No. 600 off Pittsburgh's Kip Wells in the 6th inning
    </div>
    

Example #1 - Simple Black Border

        .b1 { border: solid 1px; padding: 10px; }
    

Example #2 - Two-Tone Box

        .b2 {   border: solid 1px #9999CC;
                background-color: #F0F0FF;
                padding: 10px; 
        }
    

Example #3 - Two-Tone Box with Inset

        .b3 {   border-color: #CCCC99;       
                border-left-width: 25px;
                border-style: solid;
                background: #FFFFF0; 
                padding: 10px;
        }
    

Example #4 - Dotted Line Border

        .b4 {   border: dotted 4px #CC9999; padding: 10px; }