Q
What CSS property is used to create a linear gradient background?

Answer & Solution

Answer: Option B
Solution:
The correct answer is linear-gradient. This CSS property is specifically used to create linear gradients for backgrounds, allowing for smooth transitions between colors along a straight line.
Related Questions on Average

What does the background-position property in CSS control?

A). The size of the background image

B). The position of the background image within its container

C). The color of the background

D). The repeat behavior of the background image

How do you specify the size of each background image when using multiple background images?

A). background-size: auto;

B). background-size: 100% 100%;

C). background-size: cover;

D). background-size: contain;

How can you ensure that a background image covers the entire element, even if it's larger than the element itself?

A). background-size: cover;

B). background-size: contain;

C). background-size: auto;

D). background-size: 100%;

What does the background-image property do in CSS?

A). Sets the color of the text

B). Sets an image as the background

C). Adds a border around an element

D). Creates a shadow effect on an element

Which CSS property allows you to define multiple background images for an element?

A). background-multiple

B). background-image

C). background-repeat

D). background-size

How can you position a background image to be centered both horizontally and vertically within its container?

A). background-position: center center;

B). background-position: center;

C). background-position: top left;

D). background-position: bottom right;

What is the purpose of the background-size property in CSS?

A). To set the color of the text

B). To adjust the size of the background image

C). To add padding to an element

D). To create a shadow effect on an element

How would you create a radial gradient background that transitions from yellow to green?

A). radial-gradient(yellow, green)

B). background: radial-gradient(yellow, green)

C). background-color: radial-gradient(yellow, green)

D). background-color: yellow; background-color: green;

How would you repeat a background image only horizontally along the x-axis?

A). background-repeat: repeat-y;

B). background-repeat: repeat-x;

C). background-repeat: no-repeat;

D). background-repeat: repeat;

How can you make a background image stay fixed while the content scrolls on the page?

A). background-attachment: fixed;

B). background-attachment: scroll;

C). background-attachment: local;

D). background-attachment: inherit;