7.4 ➡️Margin

Sehen Sie sich “Section 8 Topic 86” an.

Was ich in diesem Video lernen kann:

Margin:

Margin, der äußere Rand, bildet den Abstand des Elements, gegen den umgebenden und benachbarten bzw. folgenden Block. Margin wird insbesondere beim Positionieren von HTML-Blöcken eingesetzt, um die Layout-Elemente einer Webseite auf Abstand voneinander zu halten.

HTML:

<div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec
        nibh vitae orci hendrerit placerat fringilla
        eget ante. Donec luctus tortor ac lectus pretium, a dignissim libero
        posuere. Aenean posuere mauris eget dolor
        ultricies laoreet. Suspendisse feugiat, urna a placerat volutpat, orci
        ipsum convallis tellus, nec ultricies
        libero lectus placerat metus. Maecenas vitae est arcu. Donec porta,
        mi non cursus scelerisque, purus orci
        lobortis lectus, eu hendrerit sem odio sit amet diam. Pellentesque
        pulvinar placerat quam nec pellentesque. Nam
        eu mi tristique, euismod felis ac, tincidunt magna. In hac habitasse platea
        dictumst.</div>

HTML

CSS:

body {
    background-color: blueviolet;
}

div {
    width: 500px;
    height: 200px;
    background-color: aqua;
    border: 5px solid black;
    border-radius: 20px;
    padding: 20px;
    margin: 100PX;
}

CSS

Result:

Was sagt MDN dazu?

Previous Lesson

Back to Course

Next Lesson

HTML&CSS