What CSS property is used to create repeating patterns as backgrounds?
A). background-pattern
B). background-repeat
C). background-image
D). background-size
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 define a linear gradient that transitions from red to blue?
A). linear-gradient(red, blue)
B). background: linear-gradient(red, blue)
C). background-color: linear-gradient(red, blue)
D). background-color: red; background-color: blue;
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
Which CSS property repeats a background image vertically and horizontally to fill the entire element?
A). background-size
B). background-repeat
C). background-position
D). background-attachment
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 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;
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 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;