Zaoblení rámečků
Další důležitá součást rámečků je jejich zaoblení jelikož se v moderním webovém designu často vyskytuje. Například tlačítko zpět vlevo dole obrazovky má mírné ale viditelné zaoblení rámečku.
Zaoblení rámečku dosáhneme následovně:
border-radius: 10px;
10px
označuje velikost zaoblení.
Pravidlem je: čím více pixelů, tím větší zaoblení.
Pokyny
Přidejte pod deklaraci rámečku (border
) pro prvky s id plemena (#plemena
) z minulého cvičení zaoblení rámečku (border-radius
) o 30 pixelů.
Začněte programovat zdarma
5/9