A RetroSearch Logo

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

Search Query:

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

Website Navigation


CSS Properties: How to set different background properties in one declaration?

CSS Properties: How to set different background properties in one declaration?Last update on February 15 2024 10:04:20 (UTC/GMT +8 hours)

Go to Exercise page

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" /><!-- Set the character encoding of the HTML document -->
<title>How to set different background properties in one declaration</title><!-- Set the title of the HTML document -->
<style> /* CSS style start*/
body { /* Apply styles to the body element */
margin-top: 300px; /* Set the top margin of the body to 300px */
background: #6699FF no-repeat center/80% url("https://www.w3resource.com/images/w3resourcelogo.gif"); /*Set multiple background properties in one declaration */
}
</style>
</head>
<body>
<p>w3resource Tutorial</p><!-- Display the text "w3resource Tutorial" in a paragraph -->
</body>
</html>

Explanation:

Live Demo:

See the Pen background-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