Case-Based Critical Thinking Questions Case 6.1 Andy designed a web page for a product-oriented industry using CSS properties. He used several HTML tags to create the web page. He also used tables to ensure that the data is easily managed. Andy has created a table for product details where the names of the products and prices of the products are the headers of the table. Which of the following style rules should he add to place a border of 10-pixels around the table with a white background?
A) table.product {background: white; border: 10px; width: 100%;}
B) table.product {border: 10px, white; width: 100%;}
C) table.product {background: white, 10px; width: 100%;}
D) table.product {border: white; width: 100%;}

Question

Quizplus · Accepted Answer

The correct style rule to place a border of 10-pixels around the table with a white background is "table.product {background: white; border: 10px; width: 100%;}". This rule sets the background color to white, the border size to 10 pixels, and the width to 100% for the table with the class "product". Option B is incorrect as it uses a comma instead of a semicolon to separate the border and background properties. Option C is also incorrect as it uses a comma instead of a semicolon and reverses the order of the properties. Option D only sets the border color to white, but does not set the border size or background color.