How do I make a background image fill the entire screen?

I have been trying to get my background image to appear as one background image instead of multiple tiny square images. How do I fix this?

html css html5

21st Jun 2022, 2:58 PM

Rin N

10 Answers

+ 3

background-repeat: no-repeat https://medium.com/@prajwalpradhan/how-to-make-full-screen-background-image-with-css-edd1903cf1ba

21st Jun 2022, 3:03 PM

Lisa

+ 3

background-image: url("-"); background-repeat: no-repeat; background-size: contain/cover; background-position: center;

22nd Jun 2022, 6:48 AM

Suraj R

+ 2

What is your code? It may be a simple typo but we can best help if we see the actual code.

21st Jun 2022, 3:00 PM

Justice

+ 2

Rin N Background isn't an attribute in HTML. You should be using a seperate style section and also using the answer Lisa gives such as below. body: { background-image: url("background.jpg"); background-repeat: no-repeat; } Don't add your background like it's an attribute for HTML.

21st Jun 2022, 3:32 PM

Justice

+ 2

You just have to replace repeat with fixed. But there could be a problem when your page has too much contents there will be a repeating of page because your picture is not that large to fit into everywhere

21st Jun 2022, 7:07 PM

Mutallib Ibrahim

+ 2

Abdulatiif Mohamed How are your codes related to the thread's topic? Please do not advertise in random threads.

23rd Jun 2022, 12:42 PM

Lisa

Justice <body background = "background. jpg" >

21st Jun 2022, 3:15 PM

Rin N

Lisa thank you

22nd Jun 2022, 12:00 AM

Rin N