Create a style sheet for a HTML table and also make a sample HTML table that uses the stylesheet. Don't use these tags:
| . Use css to style the tabel like "display: table", "display:table-row", "display:table-cell". The table has two columns but in the first row, the first cell is expanded to cover the position of the next cell, making it one larger, unified cell instead of two separate ones. And the cell contains "Comparison". The second row contains a title for each column. They are "Source" and "Web", respectivly. The third row has "123" and "123" in each of the two cells. Also, the background of the third row is greenish or some color that indicates success. The color indicates the values in the cells are the same. Come up with some good class name to add the background color to the row, such as "row-success". The forth row has "111" and "222" in each of the two cells. Also, the background of the 4th row is redish or some color that indicates fail. The color indicates the values in the cells are not the same. Come up with some good class name to add the background color to the row, such as "row-fail" That's it. If you have any questions about the spec, feel free to ask me. |