Modify Fig. 12.13 to use a background color to highlight all the links in the pa

Question

Modify Fig. 12.13 to use a background color to highlight all the links in the page instead of displaying them in a box at the bottom.

The example provided is useing CSS.

FIG 12.13

h1, h3            { text-align: center;

                       font-family: tahoma, geneva, sans-serif; }

p                     { margin-left: 5%;

                       margin-right: 5%;

                         font-family: arial, helvetica, sans-serif; }

ul                    { margin-left: 10%; }

a                    { text-decoration: none; }

a:hover         { text-decoration: underline; }

.nav                 width: 100%;

                        border-top: 3px dashed blue;

                        padding-top: 10px; }

.highlighted   { background-color: yellow; }

input               { width: 150px; }

form > p         { margin: 0px; }

Explanation / Answer

h1, h3            { text-align: center;

                       font-family: tahoma, geneva, sans-serif; }

p                     { margin-left: 5%;

                       margin-right: 5%;

                         font-family: arial, helvetica, sans-serif; }

ul                    { margin-left: 10%; }

a                    { text-decoration: none; }

a:hover         { text-decoration: underline; }

//Add the below line of code :)

a:hover {
background-color: yellow;
}

input               { width: 150px; }

form > p         { margin: 0px; }

Related Questions

Navigate

• Browse (All)
• Browse M
• Subjects

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.