View Source

Continent	Country	City	Population
North America	Canada	Toronto	2,930,000
Europe	Germany	Berlin	3,770,000
Europe	Spain	Madrid	6,600,000
Asia	Japan	Tokyo	38,500,000
South America	Mexico	Mexico City	20,980,000

The content above shows how you can style your Confluence content with custom CSS code. Hover over the table rows to see the CSS code in action.

CSS Code

table tr:nth-child(2) { background-color: #FF5630;}
table tr:nth-child(2):hover { background-color: #BF2600;}

table tr:nth-child(3) { background-color: #FFAB00;}
table tr:nth-child(3):hover { background-color: #FF8B00;}

table tr:nth-child(4) { background-color: #36B37E;}
table tr:nth-child(4):hover { background-color: #006644;}

table tr:nth-child(5) { background-color: #00B8D9;}
table tr:nth-child(5):hover { background-color: #008DA6;}

table tr:nth-child(6) { background-color: #6554C0;}
table tr:nth-child(6):hover { background-color: #403294;}

^{The code above is rendered by "}^{Prism Syntax Highlighter for Confluence}^{" which supports highlighting CSS syntax.}