CSS Properties: How to specify that the background color should be transparent?

Last update on February 16 2024 13:18:00 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta type="utf-8" /><!-- Specify the character encoding of the HTML document -->
<title>How to specify that the background color should be transparent</title><!-- Set the title of the HTML document -->
<style type="text/css">/* CSS style start*/
#test {
background-color: transparent; /* Set the background color of the element with id="test" to transparent */
}
</style>
</head>
<body>
<div>
<p>This is a paragraph.</p><!-- Display a paragraph within a div element -->
</div>
</body>
</html>

Explanation:

The CSS rule targets an element with the id "test" (#test).
It sets the background-color property of that element to transparent, making the background color of the element transparent.
The HTML document includes a paragraph (<p>) element within a <div> element, but this paragraph is not affected by the CSS rule because it doesn't have the id "test".

Live Demo:

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

See the solution in the browser

Supported browser


Yes	Yes	Yes	Yes	No

Go to Exercise page