Elan Galluzzo

In this article, you'll learn:

When coding a website, using an image as the background image of the website is different from inserting an image in HTML using the img element.

To use an image as the background of your website, you'll use CSS.

Here's an example:

We have two code blocks above — the HTML code displays text that says "Background image" on the webpage while the CSS code centers the text on the page.

To add a wallpaper image to the website — one that covers the entire page — you have to write some CSS rules for the body element. Here's how:

In the code above, we're using the background-image property to add an image to the body of the webpage. The path/location of the image is passed in as a parameter to the url() function: url('bg-image.jpg').

Here's what the webpage looks like now:

In situations where the image is smaller than the browser, the image is repeated a couple 0f time to cover up the spaces that remain.

This repetition doesn't look great for every picture. Here's what a smaller version of the image used in the previous section looks like in the browser:

The image has been split into four uneven parts. Unless this is the effect you're looking for, you can fix it using the background-repeat property.

Here's how to fix the image repetition problem:

In the code above, we assigned a no-repeat value to the background-repeat property.

Here's what the webpage looks like now:

The image is no longer being repeated across the page but we have a new problem — the image no longer covers the whole page.

To fix that, we use the background-size and background-attachment properties:

Setting the value of the background-size property to cover makes the image cover the whole element (the body/entire page in our case).

With the fixed value of the background-attachment property, the image's position is fixed. This way it remains in the same position even when you scroll across the page.

Here's the image now:

The downside of stretching out a small image to cover the entire page is that the image loses quality and becomes blurry as its being stretched. In this case, you should consider that before using a small image as the background image for your website.

In this article, we talked about adding wallpaper images to a website.

You can add a background image to your website using the CSS background-image property.

We also learned how to use other CSS background properties like background-repeat, background-size, and background-attachment.

The history and philosophy of science (HPS) is an academic discipline that encompasses the philosophy of science and the history of science Although many scholars in the field are trained primarily as either historians or as philosophers, there are degree-granting departments of HPS at several prominent universities

Enter the FIB Building Pass through the security barriers Take the elevator to the upper levels Use the Sightseer app to locate the hacking device

# given key already exists in a dictionary has_key() method returns true if a given key is available in the dictionary, otherwise it returns a false With the Inbuilt method has_key() , use if statement to check if the key is present in the dictionary or not

• B2C (Business-to-consumer). B2C businesses sell directly to their end-users.
• B2B (Business-to-business).
• B2B2C (Business-to-business-to-consumer).
• B2G (Business-to-government).
• C2B (Consumer-to-business).
• D2C (Direct-to-consumer).
• C2C (Consumer-to-consumer).