HTML Table Row

HTML Table Row

Define Table row by using CSS.

Example 1 TRY-IT

This CSS uses to assign to the table row.

<style>
	.cblue {
		background-color:blue;
	}
	.cred {
		background-color:red;
	}
</style>

Example 2 TRY-IT

<style>
	th {
		background-color: green;
		color:white;
	}
	.cblue {
		background-color:blue;
	}
	.cred {
		background-color:red;
	}
</style>

Example 3 TRY-IT

Underline the table header.

<style>
	th,td {
		padding:8px;
	}

	.underline {
		border-bottom-color: #00F;
		border-bottom-style: solid;
		border-bottom-width: 2px;
	}
	
</style>

Related Link

• HTML Table
• HTML Tutorial
• Tutorial Home

---

Table

1. HTML - Table
2. HTML - Table Border
3. HTML - Table Column
4. HTML - Table Row
5. HTML - Table Color
6. HTML - Table Cell Spacing and Padding
7. HTML - Text Align
8. HTML - Text Vertical Align
9. HTML - Table Caption and Summary
10. HTML - Table thead, tbody, tfoot
11. HTML - Inner Table
12. HTML - Table Vertical Line
13. HTML - Table Horizontal Line