Margini (väliste vahede) töötamine CSS-is
Praegu me analüüsime omadust
margin, mis määrab elementide vahelised
vahed veebilehel. Vaatame, kuidas see
praktikas välja näeb.
Alustuseks toon teile kaks üksteise sisse
paigutatud plokki ilma margin'ita (nad kleepuvad
kokku ja me näeme topeltpiiri):
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
Ja nüüd määrame sisemisele plokile
margin'iks
30px:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
