HTML/CSS Kasten im Hintergund und Text im Vordergrund?
Hallo ich würde gerne ein Kasten(wie Im Bild) haben und ein Text der darüber steht. wie geht das?
mfg Toni
3 Antworten
Mit css geht das problemlos.
Hast du dir denn schon mal angeschaut wie HTML funktioniert?
Hier siehst du wie du einfach die Hinterdrundfarbe oder gar Hintergeund Bilder einfügt
https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image
Stichwort Hintergrundbild:
https://developer.mozilla.org/de/docs/Web/CSS/background-image
Eine Variante um Text darüber zu platzieren:
https://www.selbekk.io/blog/2019/06/how-to-overlay-your-background-images/
Noch eine:
https://stackoverflow.com/questions/24103068/html-css-text-overlay-on-a-background-image
Musst Du in jedem Fall an deine Grafik und Texte anpassen. Fertig gibt es so etwas für genau den Fall den Du hast nicht. Aber wie man sieht viele Methoden um das zu lösen.
Das ist aber sehr umständlich und nicht nach HTML5 und CSS3 Standard
So einen Kasten nennt man Container.
Einen Container legt man als <div> an
Alle Elemente die dann in diesem Container angezeigt werden sollen kommen in den Container.
Der Div bekommt eine Klasse und in der CSS setzt du dann die Hintergrundfarbe
und wie?