[Learning]#6 CSS Table x Stock Price

An ordinary CSS table looks like

Ways of making CSS table beautiful

1. Change the two-line border into a single solid line by border-collapse:collapse

table{
	width:500px;
	border-collapse:collapse;
}

2. Color the first pair of tr child by tr:nth-child(1)

tr:nth-child(1){
	background-color:#5B92E6;color:#ffffff;
}

3. Color the even tr by tr:nth-child(even)

tr:nth-child(even){
	background-color:#e8e8e8;
}

Final Design

Music of Today: Till Forever Falls Apart by Ashe & FINNEAS

Clap/Share/Follow

If you guys find this article helpful, please kindly do the writer a favor — giving 5 clicks at the GREEN area and 10~50 claps at the bottom of this page.

Most important of all, feel free to comment and share your ideas below to learn together!

Subscribe