Startseite Skripte für das Wintersemester 2017/18 Webdesign Sketch, Selektoren, Box Model, Multimedia Negative Margins


Negative Margins

Damit kann man ein Element über ein anderes „ziehen“…

CSS

p {
    /* „-10px“ zieht den Paragraphen nach oben! */
    margin-top:-10px;
    padding:5px;
    border:1px solid white;
    color: white;

    /* halbtransparente Farbfläche dank „0.5“ */
    background-color:rgba(255,0,0,0.5)
}

CodePen

See the Pen negative_margins by Matthias Edler-Golla (@megolla) on CodePen.