Darbas su atitraukimais margin CSS
Dabar nagrinėsime savybę
margin, kuri nustato atitraukimus tarp
svetainės elementų. Pažiūrėkime, kaip
tai atrodo praktiškai.
Pirmiausia pateiksiu du vieną į kitą
įdėtus blokus be margin (jie susilips
ir pamatysime dvigubą sienelę):
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
}
:
O dabar nustatykime margin
30px vidiniam blokui:
<div id="parent">
<div id="child"></div>
</div>
#parent {
width: 300px;
border: 1px solid red;
}
#child {
height: 100px;
border: 1px solid green;
margin: 30px;
}
:
