Question
Table Body Create the table body row group containing nine table rows with the first cell in each row containing a heading cell displaying the
Table Body Create the table body row group containing nine table rows with the first cell in each row containing a heading cell displaying the letters A through I. After the initial table heading cell in the first, fourth, and seventh rows of the table body row group, insert three table data cells spanning three rows and three columns each. Altogether, these nine data cells will store the nine 33 boxes that are part of the Sudoku puzzle. In the first row of the table body row, put the three table data cells you entered in the last step in the greenBox, goldBox, and greenBox classes, respectively. In the fourth row, the three data cells belong to the goldBox, greenBox, and goldBox classes. In the seventh row, the three data cells belong to the greenBox, goldBox, and greenBox classes. Table Data Cells Go to each of the nine table data cells you created in the last two steps. Within each data cell, insert a nested table belonging to the subTable class. Within each of these nested tables, insert three rows and three columns of data cells. Enter the digits from the example in the Introduction section in the appropriate table cells. Where there is no digit, leave the data cell empty.
PLEASE HELP WITH CSS CODE THAT I HAVE BELOW:
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 6
Case Problem 2
Sudoku Style Sheet
Author:Xavier Phillips
Date:1/30/2023
Filename: jpf_sudoku.css
*/
/* Table Styles */
/* Styles for table element (ie,
| tag) */ td { /* Add a border of 5-pixel width and outset style with gray border */ border: 5px outset gray; /* set the width to 33.3% */ width: 33.3%; }
/* Style rules for every th element (ie, | tag) */ th { /* set the font or text color to gray */ color: gray; /* set the right padding space to 10 pixels */ padding-right: 10px; /* set the bottom padding space to 10 pixels */ padding-bottom: 10px; }
/* Inner Table Styles */ /* Styles for table element (ie,
|
|---|
