How to make background image in HTML

Question

I'm not satisfied with html plain color background that use "bgcolor". How I could fill the background with width size picture?

Answer 1

you can add
background-repeat: no-repeat;
background-size: 300px 100px;
to the style after the semicolon ";"

Feel free to adjust the background-size, the first number is for width and the second is for height.

don't forget to add background-repeat : no-repeat to make sure it's not become like desktop wallpaper

Answer 2

You can do that in CSS:
background: url(.......)
no-repeat center center fixed;
background size: cover;

That's it. It will work 100%.
you can remove *fixed* from there if you want your image to move while scrolling down

Answer 3

Thank you sir 👍

Answer 4

By changing the padding value
Image size will change also

Answer 5

actually this is how it works :
the background size is depend on the element size in default, so when you expand the element by adding padding or set width or height it also affect the background. But you also can make the background image have fix size by adjust it using "background-size"

Answer 6

background img src = ""

Answer 7

{Background-image: url(....) ;}

Answer 8

could you guys tell me how to set the size of the picture?

Answer 9

Use:
Padding
To set the size

Answer 10

Ex :
{
Padding:40 px
Background-image:url(...)
}

Answer 11

you can use background-image.
For example :
<div style="background-image: url(images/cute-kitten.jpg);"></div>

I hope this can answer your question

Answer 12

<div style="background-image: url(images/example.jpg);"></div>

Answer 13

you can add
background-repeat: no-repeat;
background-size: 300px 100px;
to the style after the semicolon ";"

Answer 14

.test {

background-image: url
(1.jpg),
url(2.jpg);

background-repeat: no-repeat;

background-position: left top
,
right top;

}

Answer 15

you can use this

background-image: url("image path")

the url could be a path or a link

i hope that 'll help

Answer 16

How do you align the background in CSS?