Question: Using a table to create rows and columns recreate the below image in HTML and CSS. Your table will need to use both colspan and

Using a table to create rows and columns recreate the below image in HTML and CSS. Your table will need to use both colspan and rowspan. The white border can be black in the html table

Using a table to create rows and columns recreate the below image

First rowspan and colspan looked like this:

in HTML and CSS. Your table will need to use both colspan

Added a rowspan and colspan to the cell under it and it did this:

and rowspan. The white border can be black in the html table

The scale looks off but the table and image are both 656x380

HTML

HTML Tables

CSS:

body{ font-family: monospace; } table{ width: 655px; height: 381px; border: 35px solid #000; border-collapse: collapse; } td{ border: 20px solid #000; padding: 10px; }

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!