Příklad – napodobení prvků uživatelského rozhraní

Na této stránce jsem upravil odkazy (třeba na Google) tak, aby se podobaly tlačítkům z dialogových oken.

Z hlediska práce s písmem je rozhodující, že jsem vlastnosti font přiřadil hodnotu caption. K dosažení požadovaného vzhledu jsem využil několik dalších vlastností, z nichž některé poznáte až v pozdějších lekcích. Kompletní definice vzhledu odkazů zde vypadá takto:

a {
    font: caption;
    color: black;
    background-color: #ccc;
    padding: 4px;
    border: solid 2px #eee;
    border-color: #eee #aaa #aaa #eee;
    border-radius: 0.35em;
    text-decoration: none;
}

zpět: CSS – vlastnost font