RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/css-properties/background-image-answer.php below:

Website Navigation

CSS Properties: How to set a background-image for the body element?

CSS Properties: How to set a background-image for the body element?Last update on February 16 2024 13:17:59 (UTC/GMT +8 hours)

Go to Exercise page

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<style>/* CSS style start*/
body  {
    background-image: url("https://www.w3resource.com/images/w3resource-logo.png"); /* Set the background image of the body */
    background-color: #6699CC; /* Set the background color of the body */
}
</style>
</head>
<body>
<h1>w3resource background image</h1><!-- Display a heading -->
</body>
</html>

Explanation:

The CSS code sets the background image of the body to the specified URL.
It also sets the background color of the body to a shade of blue (#6699CC).
The HTML code contains a heading element (<h1>) that displays the text "w3resource background image".

Live Demo:

See the Pen background-image-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4