How to change image's resolution so that it is clear in the size that we want in HTML/CSS?

How to change image's resolution so that it is clear in the size that we want in HTML/CSS?
0.0 0

.body{ background-image=url(; }


Not sure if I understand what you mean by this title. btw syntax for CSS is:

background-image: url(;

maybe try to read something about it here


Humpty Dumpty do

Okay, so I’m not good at english tooo :open_mouth: well, then I’ll just assume you were asking about resizing your image according to your ???

Okay, anyways, let me throw it all in.

Let’s take a look at few samples before we eat the meat okay?

    property : value;
    property0 : value;
    property1 : value;

Hmm Seems legit? Okay, let’s do that again, but with real stuff, I’ve see the author of this question use the class body, and property background-image and then the value url. Gasp

Right, let’s do that here now (OMG MY BROTHER MADE ME SPICY NOODLES WUT THA!) :yum:

    background-image : url(*culprit's address goes here!*) /* I hope agent browser has enough resources */

Ugh, I ended up not eating it :3

Now, now, n-now let’s look at your code, I’m lazy as tortoise, let’s get this done via copy-pasta friend :slight_smile:


Oh, wait, nvm, you can’t yet find them… url('url');
OhhH! There it goes, that little bastard! and look! there’s the “=” sign you shouldn’t be using! use : instead.

Here’s your fixed script


Well, I think you now see the image at the background, but what about the size?

There’s a dubious property called, background-size !


So, How’d you size your thing up?
Well, It’s simple, give your background-size property 2 or 1 value…
Commonly,we give 2 values like this

background-image : url("");
background-size : 100px 100px ;

You can even do alot of other things like using special values like contain, cover… etc.

Learn more about this punk here -

and this person is the go-to for me