Frage von Myfew, 58

Html / Css Text auf Header bzw. Div-Container Text über Hintergrund?

CSS formatiert die Schrift so, dass immer der ganze Querbalken über dem Hintergrund nicht transparent ist. Wie mache ich das? ** Siehe Grafiken **

h1 { font-family: arial, verdana, helvetica; font-size: 40px; font-weight: 200; }

header { position: relative; height: 200px; display: block; background-color: black;

} nav { width: 500px; height: 200px; background-color: aqua; }

Antwort
von PaulyPanther, 6

Wenn du für die position relative verwendest, so wird dieses Element aus dem normalen Dokumentfluss genommen und eine Positionierung erwartet. Du könntest jetzt auch H1 relative positionieren.

Warum formatierst du nicht nur h1?

MIt dem Beispiel hast du die gewünschte Anzeige mit h1 in einem schwarzen Kasten, ev. wäre es noch schön, "border-radius" zu verwenden, damit kannst du die Ecken abrunden, du kannst jede Ecke einzeln definieren, oder sogar eliptische Formen ersellen...(Google hilft) Achtung, Beispiel nicht getestet, kann noch Mängel aufweisen. LG

h1 {
text-align: center;
font-family: arial, helvetica, sans-serif;
font-color: white;
font-size: 24pt;
line-height: 200px;
width: 90%;
background-color: black;
overflow: hidden;
}
Antwort
von marZelo, 23

vielleicht margin: none; ?

Keine passende Antwort gefunden?

Fragen Sie die Community