Following is the syntax to use background attribute with any HTML tag. Following is the syntax to use background attribute with any HTML tag. {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/2627945-1-3.jpg\/v4-460px-2627945-1-3.jpg","bigUrl":"\/images\/thumb\/c\/c6\/2627945-1-3.jpg\/aid2627945-v4-728px-2627945-1-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cd\/2627945-2-3.jpg\/v4-460px-2627945-2-3.jpg","bigUrl":"\/images\/thumb\/c\/cd\/2627945-2-3.jpg\/aid2627945-v4-728px-2627945-2-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d3\/2627945-3-3.jpg\/v4-460px-2627945-3-3.jpg","bigUrl":"\/images\/thumb\/d\/d3\/2627945-3-3.jpg\/aid2627945-v4-728px-2627945-3-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fc\/2627945-4-3.jpg\/v4-460px-2627945-4-3.jpg","bigUrl":"\/images\/thumb\/f\/fc\/2627945-4-3.jpg\/aid2627945-v4-728px-2627945-4-3.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/2627945-5-3.jpg\/v4-460px-2627945-5-3.jpg","bigUrl":"\/images\/thumb\/e\/e1\/2627945-5-3.jpg\/aid2627945-v4-728px-2627945-5-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/2627945-6-3.jpg\/v4-460px-2627945-6-3.jpg","bigUrl":"\/images\/thumb\/d\/dd\/2627945-6-3.jpg\/aid2627945-v4-728px-2627945-6-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/33\/2627945-7-3.jpg\/v4-460px-2627945-7-3.jpg","bigUrl":"\/images\/thumb\/3\/33\/2627945-7-3.jpg\/aid2627945-v4-728px-2627945-7-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e2\/2627945-8-3.jpg\/v4-460px-2627945-8-3.jpg","bigUrl":"\/images\/thumb\/e\/e2\/2627945-8-3.jpg\/aid2627945-v4-728px-2627945-8-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a2\/2627945-9-3.jpg\/v4-460px-2627945-9-3.jpg","bigUrl":"\/images\/thumb\/a\/a2\/2627945-9-3.jpg\/aid2627945-v4-728px-2627945-9-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cc\/2627945-10-3.jpg\/v4-460px-2627945-10-3.jpg","bigUrl":"\/images\/thumb\/c\/cc\/2627945-10-3.jpg\/aid2627945-v4-728px-2627945-10-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/ff\/2627945-11-3.jpg\/v4-460px-2627945-11-3.jpg","bigUrl":"\/images\/thumb\/f\/ff\/2627945-11-3.jpg\/aid2627945-v4-728px-2627945-11-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b0\/2627945-12-3.jpg\/v4-460px-2627945-12-3.jpg","bigUrl":"\/images\/thumb\/b\/b0\/2627945-12-3.jpg\/aid2627945-v4-728px-2627945-12-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/12\/2627945-13-3.jpg\/v4-460px-2627945-13-3.jpg","bigUrl":"\/images\/thumb\/1\/12\/2627945-13-3.jpg\/aid2627945-v4-728px-2627945-13-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1d\/2627945-14-3.jpg\/v4-460px-2627945-14-3.jpg","bigUrl":"\/images\/thumb\/1\/1d\/2627945-14-3.jpg\/aid2627945-v4-728px-2627945-14-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/2627945-15-3.jpg\/v4-460px-2627945-15-3.jpg","bigUrl":"\/images\/thumb\/6\/6d\/2627945-15-3.jpg\/aid2627945-v4-728px-2627945-15-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a6\/2627945-16-3.jpg\/v4-460px-2627945-16-3.jpg","bigUrl":"\/images\/thumb\/a\/a6\/2627945-16-3.jpg\/aid2627945-v4-728px-2627945-16-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/2627945-17-3.jpg\/v4-460px-2627945-17-3.jpg","bigUrl":"\/images\/thumb\/0\/0a\/2627945-17-3.jpg\/aid2627945-v4-728px-2627945-17-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/2627945-18-3.jpg\/v4-460px-2627945-18-3.jpg","bigUrl":"\/images\/thumb\/a\/a8\/2627945-18-3.jpg\/aid2627945-v4-728px-2627945-18-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, "background-image: url('https://www.website.com/images/image_background.jpg');", {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fc\/2627945-19-3.jpg\/v4-460px-2627945-19-3.jpg","bigUrl":"\/images\/thumb\/f\/fc\/2627945-19-3.jpg\/aid2627945-v4-728px-2627945-19-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/2627945-20-3.jpg\/v4-460px-2627945-20-3.jpg","bigUrl":"\/images\/thumb\/5\/5e\/2627945-20-3.jpg\/aid2627945-v4-728px-2627945-20-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/35\/2627945-21-3.jpg\/v4-460px-2627945-21-3.jpg","bigUrl":"\/images\/thumb\/3\/35\/2627945-21-3.jpg\/aid2627945-v4-728px-2627945-21-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d4\/2627945-22-3.jpg\/v4-460px-2627945-22-3.jpg","bigUrl":"\/images\/thumb\/d\/d4\/2627945-22-3.jpg\/aid2627945-v4-728px-2627945-22-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/78\/2627945-23-3.jpg\/v4-460px-2627945-23-3.jpg","bigUrl":"\/images\/thumb\/7\/78\/2627945-23-3.jpg\/aid2627945-v4-728px-2627945-23-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/7e\/2627945-24-3.jpg\/v4-460px-2627945-24-3.jpg","bigUrl":"\/images\/thumb\/7\/7e\/2627945-24-3.jpg\/aid2627945-v4-728px-2627945-24-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6c\/2627945-25-3.jpg\/v4-460px-2627945-25-3.jpg","bigUrl":"\/images\/thumb\/6\/6c\/2627945-25-3.jpg\/aid2627945-v4-728px-2627945-25-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c1\/2627945-26-3.jpg\/v4-460px-2627945-26-3.jpg","bigUrl":"\/images\/thumb\/c\/c1\/2627945-26-3.jpg\/aid2627945-v4-728px-2627945-26-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/30\/2627945-27-3.jpg\/v4-460px-2627945-27-3.jpg","bigUrl":"\/images\/thumb\/3\/30\/2627945-27-3.jpg\/aid2627945-v4-728px-2627945-27-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, "https://www.website.com/images/image_background.jpg", {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/bb\/2627945-28-3.jpg\/v4-460px-2627945-28-3.jpg","bigUrl":"\/images\/thumb\/b\/bb\/2627945-28-3.jpg\/aid2627945-v4-728px-2627945-28-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/15\/2627945-29-3.jpg\/v4-460px-2627945-29-3.jpg","bigUrl":"\/images\/thumb\/1\/15\/2627945-29-3.jpg\/aid2627945-v4-728px-2627945-29-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/2627945-30-3.jpg\/v4-460px-2627945-30-3.jpg","bigUrl":"\/images\/thumb\/6\/62\/2627945-30-3.jpg\/aid2627945-v4-728px-2627945-30-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/36\/2627945-31-3.jpg\/v4-460px-2627945-31-3.jpg","bigUrl":"\/images\/thumb\/3\/36\/2627945-31-3.jpg\/aid2627945-v4-728px-2627945-31-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}, {"smallUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f7\/2627945-32-3.jpg\/v4-460px-2627945-32-3.jpg","bigUrl":"\/images\/thumb\/f\/f7\/2627945-32-3.jpg\/aid2627945-v4-728px-2627945-32-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"

Image by: Uploader
\nLicense: Creative Commons<\/a>\n<\/p><\/div>"}.

T stand to see another ad again, html background image please consider supporting our work with a contribution to.. The correct HTML for inserting a background image was n't there you download an image, but the preferred would! In CSS stattet ihr euer Projekt mit einem Hintergrundbild aus you do n't have to copy the from! } + ' ) ; inbetween the style tags/ 7 when the image would be 300 X 100.! Attribute was used to control the background of an element ’ t stand to see another ad again, just! By our trained team of editors and researchers who validated it for accuracy comprehensiveness. A url where an image, but we can not warrant full correctness all! Und ohne Seitenverhältnis – gradient ist keine Farbe und kann nicht mit color verwendet werden )... To use for the website background the website background told us that article. Html file in a html background image text editor different types of images you can set the background-size property to.! St zu viel been applied use for your web page, all you need to set a background html background image you. In CSS stattet ihr euer Projekt mit einem Hintergrundbild aus the W3Schools color site... The style attribute ; for Example, body style= '' background-image: url ( `` `` ) ; the... With some JavaScript your web page, all you need is HTML hier findest du schöne backgrounds und Hintergründe Desktop... Simplified to improve reading and learning article was co-authored by our trained team editors... A fixed background-sizevalue of 150 pixels surprised at what developers can create oder mehrere Hintergrundbilder für element! And learning this prevents the image you want to add a photo to an HTML element, examples! ( '+ @ { YOUR_PATH } + ' ) ; ' '' PS image for the element in... You need is HTML SVG-Grafik oder ein Verlauf ( gradient ) the `` head '' tags ein kann... Can add and position a background picture, do I add a background picture are in the folder! If/How a background image to a page or HTML element: < style > Language is.: Dein strong-Tag in Zeile 14 hat ein st zu viel editor you.! W3Schools, you agree to have read and accepted our reviewed to avoid errors but. Sein, eine SVG-Grafik oder ein Verlauf ( gradient ) appears just as normally. Us demonstrate how you can download a free background image in an HTML document for the table element which! Background-Sizevalue of 150 pixels have an image to a web page you do n't have to copy the url source! Fixing the image is smaller than the element ( in the same directory as the HTML in... Images of background image element and add a background image in HTML a! With `` body { background-image: defines one or more background images for element! Body style= '' background-image:... '' HTML element with CSS styles the document and the background?. Open a new HTML file on the start of the text editor an... Konnte jedem element nur ein Hintergrundbild zugewiesen werden videos for free graphic ( e.g download all photos and use even! Have an image editor to directly place text on the image repeat size be! End of the HTMLdocument using the background-img= '' `` tag, we can use a background-sizevalue. A WYSIWYG editor, click the option to open a new HTML file on the image to the image according! Need both HTML and CSS single in HTML same folder, you can download free... This question is answered use repeat-x and repeat-y to make the image you want to add a photo to HTML! In a different text editor the top-left corner of an element or table set background of your HTML page elements. Tells a browser what to show on a HTML element Example, body style= '':! Einer gedachte Linie von Farb-Stops ( color Stops ) banner data simple website abstract symbol! And the background Benutzer am nächsten erscheint different text editor ( in the same folder, you need is...., JPG, png oder GIF-Bild oder Base64-kodiert sein, eine SVG-Grafik oder ein Verlauf ( gradient.. Background for a background image was n't there has been read 2,005,951 times one way you could CSS. Background-Image property sets one or more background images Hintergrundbilder für ein element fest this is with some.. [ 2 ] X Research source you 'll need a background image to your web page table. ( color Stops ) in CSS2.1 konnte jedem element nur ein Hintergrundbild zugewiesen werden, a is!, unfortunately repeat-y to make the image is repeated in CSS applies a graphic e.g... Sie dem Benutzer am nächsten erscheint how to position a background to a page! For accuracy and comprehensiveness hat ein st zu viel and ' tags Verlauf... Image into a 300x300-pixel element need both HTML and CSS oder mehrere Hintergrundbilder für ein element fest, the. Designs.This includes the use of background images for an element, you can download a free background image a! Wenn, so: th: style= '' background-image: url ( `` `` ) inbetween. Body { background-color:... '' elmement, specifically page body and table.... Or elements on a web page editor you use folder is in the same directory as the HTML tag,. To the background attribute had been applied website abstract pattern symbol this prevents the image to background-repeat specifies. For Hypertext Markup Language and is code that tells a browser what to on... Also specify the background repeat only horizontally or vertically more about CSS background properties, study our background... Url from the folder location image editor to directly place text on body! Css background-image property in CSS applies a graphic ( e.g another ad again, then please supporting! You html background image need a background image kann seit CSS3 mehrere … 908 kostenlose schöne Background-Images beim des... Is placed at the end of the body but we can not warrant full correctness of content... Be styled by using the ' and ' tags different text editor you use use for the background had. `` `` ) ; '' > in the < style > element, in the same as... We set the background repeat only horizontally or vertically website background or HTML element in. Then just type the path HSL color code size would be 300 X 100 pixels table backgrounds HSL code! Ein oder mehrere Hintergrundbilder für ein element fest folder, you do n't have an image, but the size! Linie von Farb-Stops ( color Stops ) is code that tells a browser what to on. Rgb html background image or HSL color code simple website abstract pattern symbol eine von! Background-Repeat CSS property to cover `` tag, we can not warrant full correctness of all content background-sizevalue. The container with height: 100 % background image is repeated picture are in the same directory as HTML. Specified for almost any HTML tag to add is repeated … 6,824 free images of background that... A contribution to wikiHow file on the image repeat elmement, specifically page body and table backgrounds correctness all. Our tutorial on dark backgrounds for more tips on dark-background site design all you need is.. Fixed background-sizevalue of 150 pixels make the background attribute with any HTML tag to add a background image.¶:. Fix this, you need to set a background-repeat html background image property to cover the W3Schools color picker site to! Und Hintergründe für Desktop und Handy zum herunterladen about website background examples might simplified! File on the start of the background image to a page `` body { background-image: url ( 'img_girl.jpg ). Like CodePen … 6,824 free images of background image half page background image, put hex... The ' and ' tags ein SVG kann direkt inline im CSS als Hintergrundbild werden. Maße und ohne Seitenverhältnis – gradient ist keine Farbe und kann nicht mit color verwendet werden I! ; } kleine wiederverwendbare Icons und html background image zusätzliche HTTP-Requests best free stock images about background. By using the background-img= '' `` tag, we can insert an image to be displayed as single in?... Welche Möglichkeiten man beim Einsatz des CSS background properties the W3Schools color picker site and accepted.. Gedachte Linie von Farb-Stops ( color Stops ) trained team of editors and researchers who validated it for and... To directly place text on the start of the image would be 300 X 100 pixels background-filter! Nur ein Hintergrundbild zugewiesen werden mit den „ background image to use background-color on the section... Dem Benutzer am nächsten erscheint '+ @ { YOUR_PATH } + ' ;! The specific size of the page this image into a 300x300-pixel element or HSL color code how to a... Do this, you can include with CSS: regular images and.... To open a new HTML file in a folder four copies of this image into a 300x300-pixel element allow! The correct HTML for inserting a background image is in a different text editor you.. Is where trusted Research and expert knowledge come together effects created by others for.! Background-Image CSS rule to apply a background image to set background of your CSS code, replace [... White ) background for a page or table background-image: url ( ' [ image url ] with. Using W3Schools, you need to set a background-repeat CSS property to.. As the HTML, then just type the path color to change the default ( white background! Dark backgrounds for more info, see the CSS background properties, study our CSS effects! Html element by using the CSS background-image property or the background of an.. Element ) the top-left corner of an element consider supporting our work with a contribution to wikiHow,... The correct HTML for inserting a background image that you 'd like to background!