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 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%;
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;
How would you layer two background images on top of each other for an element?
A). background: url('image1.jpg'), url('image2.jpg');
B). background-image: url('image1.jpg'), url('image2.jpg');
C). background: url('image1.jpg') url('image2.jpg');
D). background: url('image1.jpg') + url('image2.jpg');
How do you create a repeating background pattern that tiles an image vertically but not horizontally?
A). background-repeat: repeat-y;
B). background-repeat: repeat-x;
C). background-repeat: no-repeat;
D). background-repeat: repeat;
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
What is the purpose of the radial-gradient() function in CSS?
A). To create a linear gradient
B). To create a radial gradient
C). To set a solid color
D). To add shadows to an element
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;