Alter the background property in header so that the purpledot.png image repeats vertically on the far left and far right sides of the header element. Additionally, use the gooseshadow.png image so that it renders in the bottom right corner of the header element. Hint: the background property can handle multiple image URLS. When completed, your header element should look like the image below:

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

body

{

font-family: Georgia, serif;

font-size: 100%;

line-height: 175%;

margin: 0 15% 0;

background-color:rgb(210,220,157);

background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/blackgoose.png"); /* Rounded Shape image */

background-size: contain;

}

bgc { width: 200px;

height: 200px;

display: block;

position: relative;

}

bgc::after { content: "";

background: url(/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png);

opacity: 0.5;

top: 0;

left: 0;

bottom: 0;

right: 0;

position: absolute;

z-index: -1; }

header

{

margin-top: 0;

padding: 3em 1em 2em 1em;

text-align: center;

border-radius:4px;

 


background: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y left top,
url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png") repeat-y right top,
url("/Users/332bo/Desktop/Week_9_Lab/images/gooseshadow.png") 90% bottom no-repeat;
background-color:hsl(0, 14%, 95%);



 


}

a

{

text-decoration: none;

color:rgb(153,51,153);

}

a:visited

{

color: hsl(300, 13%, 51%);

}

a:hover

{

background-color: #fff;

}

a:focus

{

background-color: #fff;

}

a:active{
color:#ff00ff;
}

h1

{

font: bold 1.5em Georgia, serif;

text-shadow: 0.1em 0.1em 0.2em gray;

color: rgb(153,51,153);
}

h2

{

font-size: 1em;

text-transform: uppercase;

letter-spacing: 0.5em;

text-align: center;

color:rgb(204,102,0);

}
dt

{

font-weight: bold;

}

strong {

font-style: italic;

}

ul {

list-style-type: none;

margin: 0;

padding: 0;

}
f

font-style: italic;

}

.price {

font-family: Georgia, serif;

font-style: italic;

}


h2 + p {
text-align: center;
font-style: italic;
}

Part 6
1. Replace all the individual background properties with the shorthand background
property declaration.
2. Alter the background property in header so that the purpledot.png image repeats
vertically on the far left and far right sides of the header element. Additionally, use the
gooseshadow.png image so that it renders in the bottom right corner of the header
element. Hint: the background property can handle multiple image URLS. When
completed, your header element should look like the image below:
Black Goose Bistro • Summer Menu
Baker's Corner, Seekonk, Massachusetts
HoUrs: MONDAY THROUGH THURSDAY: 11 to 9, FRIDAY AND SATURDAY; 11 to midnight
Appetizers
Main Courses
Traditional Toasts
Dessert Selection
Transcribed Image Text:Part 6 1. Replace all the individual background properties with the shorthand background property declaration. 2. Alter the background property in header so that the purpledot.png image repeats vertically on the far left and far right sides of the header element. Additionally, use the gooseshadow.png image so that it renders in the bottom right corner of the header element. Hint: the background property can handle multiple image URLS. When completed, your header element should look like the image below: Black Goose Bistro • Summer Menu Baker's Corner, Seekonk, Massachusetts HoUrs: MONDAY THROUGH THURSDAY: 11 to 9, FRIDAY AND SATURDAY; 11 to midnight Appetizers Main Courses Traditional Toasts Dessert Selection
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 3 steps with 1 images

Blurred answer
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY