This project displays a table of countries and their respective capitals and continents. The table is styled with CSS to improve readability and visual appeal.
- Displays country information including S.NO, Name, Capital, and Continent.
- Styled with CSS to enhance readability.
- Alternating row colors for better visual distinction.
- Hover effect on rows for easier navigation.
To view the table, simply open the index.html file in any web browser. The table will be displayed with the predefined styles.
The project consists of a single HTML file with embedded CSS for styling.
The HTML file is structured as follows:
<head>: Contains the title and embedded CSS styles.<body>: Contains the table wrapped inside a<div>.
The CSS styles include:
- Borders for the table, headers, and cells.
- Padding and center alignment for table headers and cells.
- Background colors for headers and alternating rows.
- Hover effect for table rows.