You are creating a box shadow for an object on the web page. You would like the shadow offset vertically by 10px. You want it offset horizontally by 5px. The color of the text in the object is black. The color of the shadow should be gray. You need to create a style rule to add the box shadow. Which rule should you create?1 pointbox-shadow: 10px 5px gray;box-shadow: 5px 10px gray;box-shadow: 5px 10px #000000;box-shadow: 5px 10px;
Question
You are creating a box shadow for an object on the web page. You would like the shadow offset vertically by 10px. You want it offset horizontally by 5px. The color of the text in the object is black. The color of the shadow should be gray. You need to create a style rule to add the box shadow. Which rule should you create?1 pointbox-shadow: 10px 5px gray;box-shadow: 5px 10px gray;box-shadow: 5px 10px #000000;box-shadow: 5px 10px;
Solution
The correct rule you should create is: box-shadow: 5px 10px gray;
Similar Questions
You really want to emphasize a headline on a web page. To do this, you would like to create text with two shadows. You want one shadow to be gray and the other shadow to be black. The gray shadow should have a vertical offset of 3px and a horizontal offset of 2px. The black shadow should have a vertical offset of 4px and a horizontal offset of 3px. The text is the content of a heading 1 element. The text color is blue. You are going to use the embedded style sheet.What should you add to the h1 style rule?1 pointbox-shadow: 2px 4px gray, 3px 3px;box-shadow: 2px 3px gray, 3px 4px;box-shadow: 2px 3px gray, 3px 4px black;box-shadow: 2px 4px gray, 3px 3px black;
What is the CSS property used to create shadows behind elements?Optionstext-shadowbox-shadowshadow-effectelement-shadow
You have created the following HTML code:<p>This is a sample paragraph.</p>You create a style rule to shade the background of the paragraph:p { background-color: blue; border-radius: 25px; color: white; }However, when you test the web page, you notice that the text appears very close to the edges of the shading. You want there to be more room between the text and the edges of the shading.What should you add to your style rule?1 pointpadding: 25px;margin: 25px;position: sticky;display: inline;
What does the "box-sizing" property in CSS control?OptionsBorder sizeBox ShadowElement positioningHow the element's dimensions are calculated
What does the "box-sizing" property in CSS control?OptionsElement positioningBox ShadowHow the element's dimensions are calculatedBorder size
Upgrade your grade with Knowee
Get personalized homework help. Review tough concepts in more detail, or go deeper into your topic by exploring other relevant questions.