ch 8 apply your knowledge i need this solved. below is index.html and styles.css TASKS In the index.html file, add a table element within the main element. Nest the following caption element within the table element: 2025 Sales by Quarter In the styles.css file, create a style rule for the table element that: sets the width to 80%, sets the top and bottom margins to 0, sets the left and right margins to auto, and sets a border with the values 3px solid #71881b. Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%. Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%. Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb. Create a style rule for td that center-aligns its text. Create a style rule for tr that sets the background color to #d3e788 for odd rows. index.html title Designed by: styles.css /* CSS Reset */ body, main, footer, table { margin: 0; padding: 0; border: 0; } /* Style rule for body */ body { background-color: #f4f9e1; } /* Style rule for the container */ #container { width: 80%; margin: 0 auto; } /* Style for the footer element */ footer { font-size: .70em; text-align: center; }
ch 8 apply your knowledge
i need this solved. below is index.html and styles.css
TASKS
In the index.html file, add a table element within the main element.
Nest the following caption element within the table element: <caption>2025 Sales by Quarter</caption>
In the styles.css file, create a style rule for the table element that:
- sets the width to 80%,
- sets the top and bottom margins to 0,
- sets the left and right margins to auto,
- and sets a border with the values 3px solid #71881b.
Create a style rule for table, tr, th, and td selectors that collapses the border and sets the padding to 2%.
Create a style rule for the caption element that sets the font-size to 2em, padding to 2%, and margin-top to 2%.
Create a style rule for th and td selectors that sets a border with the values 1px solid #7188bb.
Create a style rule for td that center-aligns its text.
Create a style rule for tr that sets the background color to #d3e788 for odd rows.
index.html
![](/static/compass_v2/shared-icons/check-mark.png)
Trending now
This is a popular solution!
Step by step
Solved in 4 steps with 2 images
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)