Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
Modify styles.css so the provided HTML produces a webpa by adding the following CSS rules to styles.css: An ID selector for the ID game-table should: Use the border property to add a 2px solid border using the color from the CSS variable --table-color Use the text-align property to center all text Use a height of 200px and width of 400px A descendant selector that targets the <caption> inside the <table> should: Use the text-transform property to make the caption UPPERCASE Set the background color using the CSS variable --table-color Set the font color to white Add 10px padding A pseudo-class selector :nth-child(even) for <tr> should: Set the background color using the CSS variable --row-bg-color.   <!DOCTYPE html> <html lang="en"> <head> <title>Best-Selling Video Games</title> <link rel="stylesheet" href="styles.css"> </head> <body> <table id="game-table"> <caption>Best-Selling Video Games</caption> <tr> <th>Title</th> <th>Sales</th> <th>Release Date</th> </tr> <tr> <td>Minecraft</td> <td>176,000,000</td> <td>November 18, 2011</td> </tr> <tr> <td>Tetris</td> <td>170,000,000</td> <td>June 6, 1984</td> </tr> <tr> <td>Grand Theft Auto V</td> <td>110,000,000</td> <td>September 17, 2013</td> </tr> <tr> <td>Wii Sports</td> <td>82,870,000</td> <td>November 19, 2006</td> </tr> </table> <p> Source: <....</a> </p> </body> </html>

Modify styles.css so the provided HTML produces a webpa by adding the following CSS rules to styles.css: An ID selector for the ID game-table should: Use the border property to add a 2px solid border using the color from the CSS variable --table-color Use the text-align property to center all text Use a height of 200px and width of 400px A descendant selector that targets the <caption> inside the <table> should: Use the text-transform property to make the caption UPPERCASE Set the background color using the CSS variable --table-color Set the font color to white Add 10px padding A pseudo-class selector :nth-child(even) for <tr> should: Set the background color using the CSS variable --row-bg-color.   <!DOCTYPE html> <html lang="en"> <head> <title>Best-Selling Video Games</title> <link rel="stylesheet" href="styles.css"> </head> <body> <table id="game-table"> <caption>Best-Selling Video Games</caption> <tr> <th>Title</th> <th>Sales</th> <th>Release Date</th> </tr> <tr> <td>Minecraft</td> <td>176,000,000</td> <td>November 18, 2011</td> </tr> <tr> <td>Tetris</td> <td>170,000,000</td> <td>June 6, 1984</td> </tr> <tr> <td>Grand Theft Auto V</td> <td>110,000,000</td> <td>September 17, 2013</td> </tr> <tr> <td>Wii Sports</td> <td>82,870,000</td> <td>November 19, 2006</td> </tr> </table> <p> Source: <....</a> </p> </body> </html>

Database System Concepts
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
See similar textbooks
icon
Related questions
Question

Modify styles.css so the provided HTML produces a webpa by adding the following CSS rules to styles.css:

  • An ID selector for the ID game-table should:

    • Use the border property to add a 2px solid border using the color from the CSS variable --table-color
    • Use the text-align property to center all text
    • Use a height of 200px and width of 400px

  • A descendant selector that targets the <caption> inside the <table> should:

    • Use the text-transform property to make the caption UPPERCASE
    • Set the background color using the CSS variable --table-color
    • Set the font color to white
    • Add 10px padding

  • A pseudo-class selector :nth-child(even) for <tr> should:

    • Set the background color using the CSS variable --row-bg-color.
 
<!DOCTYPE html>
<html lang="en">
<head>
<title>Best-Selling Video Games</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<table id="game-table">
<caption>Best-Selling Video Games</caption>
<tr>
<th>Title</th>
<th>Sales</th>
<th>Release Date</th>
</tr>
<tr>
<td>Minecraft</td>
<td>176,000,000</td>
<td>November 18, 2011</td>
</tr>
<tr>
<td>Tetris</td>
<td>170,000,000</td>
<td>June 6, 1984</td>
</tr>
<tr>
<td>Grand Theft Auto V</td>
<td>110,000,000</td>
<td>September 17, 2013</td>
</tr>
<tr>
<td>Wii Sports</td>
<td>82,870,000</td>
<td>November 19, 2006</td>
</tr>
</table>
<p>
Source: <....</a>
</p>
</body>

</html>
AI-Generated Solution
AI-generated content may present inaccurate or offensive content that does not represent bartleby’s views.
steps

Unlock instant AI solutions

Tap the button
to generate a solution

SEE SOLUTION
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education
SEE MORE TEXTBOOKS