Now let's try some slightly more sophisticated tiling on the Summer Menu page. This time we'll add a tiling background just along the top edge of the header element. In the header rule, add the image purpledot.png and set it to repeat horizontally only. 00000000 D00 Black Goose Bistro · Summer Menu er Carn, k Mu T T Det APPETIZERS ipertin. aenp iy ndaendaf mhe ppedint of phyle nd hd s ter -e Leefgl , 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 upcoming exercises.

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);
}
header {
margin-top: 0;
padding: 3em 1em 2em 1em;
text-align: center;
border-radius:4px;
background-color:hsl(0, 14%, 95%);
opacity:0.5;
}

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;
}
#info p {
font-style: italic;
}
.price {
font-family: Georgia, serif;
font-style: italic;
}
p.warning,
sup {
font-size: small;
}
.label {
font-weight: bold;
font-variant: small-caps;
font-style: normal;
}

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

Now let's try some slightly more sophisticated tiling on the Summer Menu page. This time we'll
add a tiling background just along the top edge of the header element.
In the header rule, add the image purpledot.png and set it to repeat horizontally only.
Black Goose Bistro • Summer Menu
Boker's Comer, Sekonk Massachusetts
Hous: Monar on Taa to . Pnar A Sena to midnighe
Appti
Main Cu
Traditional Tets
Dessert Selection
PPETIZERS
This seson, we aplore te spicy flavors of the southwet in our appetiaer collction.
Hlack bean purses
Spiey black bean and a blend of mesioan cheses wrapped in shets of phyllo and baked until goiden. 395
Southwestern napoleona with hump erab - mew item!
Layers of light lamp erab ment, bean and oom salm, and our handmade flour tortillas. 8795
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 upcoming exercises.
Transcribed Image Text:Now let's try some slightly more sophisticated tiling on the Summer Menu page. This time we'll add a tiling background just along the top edge of the header element. In the header rule, add the image purpledot.png and set it to repeat horizontally only. Black Goose Bistro • Summer Menu Boker's Comer, Sekonk Massachusetts Hous: Monar on Taa to . Pnar A Sena to midnighe Appti Main Cu Traditional Tets Dessert Selection PPETIZERS This seson, we aplore te spicy flavors of the southwet in our appetiaer collction. Hlack bean purses Spiey black bean and a blend of mesioan cheses wrapped in shets of phyllo and baked until goiden. 395 Southwestern napoleona with hump erab - mew item! Layers of light lamp erab ment, bean and oom salm, and our handmade flour tortillas. 8795 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 upcoming exercises.
Expert Solution
trending now

Trending now

This is a popular solution!

steps

Step by step

Solved in 2 steps

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