Steg för steg hur CSS påverkar utseendet

div.hoger2 {
    width: 158px;      ==> Bredd på blocket 
    background: black;      ==> Svart bakgrundsfärg 
    -moz-border-radius: 8px 8px 0px 0px; 
          ==> Rundade hörn i Mozilla/Firefox 
    padding: 1px; 
          ==> Innermarginal som tillika kommer fungera som kantlinje 
    margin-bottom: 12px; ==> Påverkar inte denna demo 
}
div.hoger2 h3 {
    color: white;              ==> Vit text 
    font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    text-align: center;    ==> Rätt sätt att centrera 
    margin: 4px 0px;      ==> Minskar marginalen 
}
div.hoger2 p {
    background: white;     ==> Återställ bakgrundsfärgen till vit 
    font-size: small;
    margin: 0px;
    padding: 2px 2px 4px 2px;   ==> Ökar totala bredden på P till 158px 
    width: 154px;   ==> Sex pixlar mindre än div-blockets totala bredd 
}
div.hoger2 img {
    width: 154px;
    padding-bottom: 5px;     ==> Ökar avståndet mellan bild och text 
}
div.hoger2 a img {    ==> En mer DETALJERAD regel  
    width: 13px;
    height: 13px;
    padding-bottom: 0px;
}

    

« Föregående steg    Börja om »