Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Go to the Left Section Styles section. Referring to the figure in the Introduction step, notice that in the left section of the page, Amy
Go to the Left Section Styles section. Referring to the figure in the Introduction step, notice that in the left section of the page, Amy has placed two vertical navigation lists. She wants these navigation lists to have rounded borders. For the vertical navigation lists in the left section, create a style rule for the section#left nav. vertical selector that adds a 1 pixel solid border with color value rgb(20, 167, 170) and has a radius of 25 pixels at each corner The rounded corner also has to apply to the h1 heading within each navigation list. Create a style rule for h1 elements nested within the left section vertical navigation list that sets the top-left and top-right corner radii to 25 pixels Center Article Styles Go to the Center Article Styles section. The article element contains an image and brief description of the Apple Bavarian Torte, which is the subject of this sample page. Create a style rule for the section#center article selector that adds the following: a radial gradient to the background with a white center with a color stop of 3096 transitioning to rgb(151, 151, 151) a 1-pixel solid border with color value rgb(151, 151, 151) and a radius of 50 pixels . . a box shadow with horizontal and vertical offsets of 10 pixels with a 20-pixel blur and a color of rgb(51, 51, 51) Blockquote Styles Go to the Blockquote Styles section. Amy has included three sample reviews from users of the Save your Fork website Amy wants the text of these reviews to appear within the image of a speech bubble. For every blockquote element create a style rule that does the following: sets the background image to the sfspeech.png with no tiling and a horizontal and vertical size of 100% to cover the entire block quote uses the drop-shadow filter to add a drop shadow filter to add a drop shadow around the speech bubble with horizontal and vertical offsets of 5 pixels, a blur of 10 pixels and the color rgb(51, 51, 51) Amy has included the photo of each reviewer registered on the site within the citation for each review. She wants these images to appear as circles rather than squares. To do this, create a style rule for the selector cite ing that sets the border radius to 50%
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started