Hintergrundbild in HTML anpassen?
Hab neu mit HTML und css angefangen...
Ich möchte zum Anfang als Startprojekt sowas wie einen Lebenslauf gestalten und will eben ein bestimmtes Bild als Hintergrundbild.
background-image: url('thumb2-flag-of-bern-4k-swiss-canton-silk-flag-silk-texture.jpg');
background-repeat: no-repeat;
so steht es in meiner CSS, das passt auch nur ist es nur auf dem Viertel des Bildschirms. Was muss ich noch dazuschreiben damit es 1. nur ein Bild ist und nicht wiederholt wird und es sich an die Tabgröße anpasst?
3 Antworten
Mit background-size kannst du die Größe des Bildes festlegen.
https://www.w3schools.com/cssref/css3_pr_background-size.php
background: url(thumb2-flag-of-bern-4k-swiss-canton-silk-flag-silk-texture.jpg);
background-repeat: no-repeat;
background-size: cover;
Dies sollte im CSS mit "background-size: cover;" gehen jedoch wenn das Bild klein ist kann es verpixelt bzw verzerrt sein
Ja hat funktioniert, allerdings ist es leicht verpixxelt ja..
Macht nix trotzdem vielen dank!
Sowie Soracent sagte oder du kannst das Bild mit nem Grafikprogramm vergrößern.
Es wird aber vermutlich verzerrt werden