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/bullseye.png"); /* Rounded Shape image */
background-repeat: no-repeat;
background-size: contain;
}
header
{
margin-top: 0;
padding: 3em 1em 2em 1em;
text-align: center;
border-radius:4px;
background-color:hsl(0, 14%, 95%);
background-image: url("/Users/332bo/Desktop/Week_9_Lab/images/purpledot.png");
background-repeat: repeat-x;
}
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;
}
Extracted text: 1. In the header rule, add the image purpledot.png and set it to repeat horizontally only. 2. look at it in the browser. It should look something like the image below: 000 Black Goose Bistro Summer Menu Buker's Carner, Seekonk, Massachusets Hos: Monnar TOn T to Pna a Sera to midnight Appetiam Main Cue Traditional Tta Desert Selection APPETIZERS Thi on, we aplre the spiey faors of the uthuet in aur appetiaer culletion. Hlack bean purses Spiey black bean and a blend of mesiean cheses wrpped in sherts of phyle and baked uil giden. Ras5 Southwestern napoleoma with hump erah - me item Layers of light lamp erab ment, bean and oom sal, and our handmade fleur tortilla. 706 3. Finally, try out the space and round repeat values on the body background image and see if you like the effect. Note that the tiles are evenly spaced within the body of the document, not just the viewport, so you may see some cut-off circles at the bottom edge of your browser. Delete the background-repeat declaration so it goes back to the default repeat for Ypsoming exercises