HOTSPOT
You are creating a custom CSS3 style.
You have the following requirements to complete the style:
Box1 has a red outline.
Box1 contains box2, and box2 must remain inside box1
Box2 must have a green to black gradient.
Box2 must be surrounded by white space.
The style resembles the following diagram:
You need to add the CSS3 code to the styles.
How should you complete the relevant code? (To answer, select the appropriate code segment in each dropdown list in the answer area.)
Hot Area:
Answer: 
Explanation:
* border: 1px solid #f00;
a red border 1 pixel thick.
* background-image: linear-gradient(to bottom, green,black);
Linear Gradients (goes down/up/left/right/diagonally).
Starts at the top with green and goes to bottom with black.
* margin: 10px 10px 10px 10px;
The CSS margin properties define the space around elements.
The top, right, bottom, and left margin can be changed independently using separate properties.Incorrect Answers:
* border-color: red;
will not display any border
* Radial Gradients (defined by their center).