HTML Table Properties Tutorial

Netbax Online Editor Try it Yourself

<table style="width: 2%; background-color: rgb(128, 128, 128); border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; border-collapse: collapse; color: rgb(0, 0, 0); 
font-family: Montserrat,sans-serif; font-weight: normal;"><tr><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; 
line-height: 2rem; padding: 5px;">Head1</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; 
padding: 5px;">Head2</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 
5px;">Head3</th><th style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head4</th><th 
style="background-color: rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head5</th><th style="background-color: 
rgb(255, 0, 0); border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head6</th><th style="background-color: rgb(255, 0, 0); 
border-color: rgb(178, 178, 178); border-width: 2px; border-style: solid; line-height: 2rem; padding: 5px;">Head7</th></tr><tr><td style="text-align: center; border-width: 2px; 
border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178);

border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; 
border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td 
style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 
2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); 
border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; 
padding: 5px;">value</td></tr><tr><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: 
center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: 
rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; 
line-height: 2rem; padding: 5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 
5px;">value</td><td style="text-align: center; border-width: 2px; border-color: rgb(178, 178, 178); border-style: solid; line-height: 2rem; padding: 5px;">value</td></tr></table>