Create A Simple Style Css Table

Create A Simple Style Css Table Web-development (jquery) Create A Simple Style Css Table

Create a simple style css table

<style> .simple-style {border-top:1px solid #CFCFCF; border-left:1px solid #CFCFCF; border-right:0; border-bottom:0; width:100%;font-family: Arial, Helvetica, tahoma sans-serif; font-size:12px; line-height:1.6; color:#282828;} .simple-style td, .simple-style th {border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; text-align:center; padding:5px 0; width:20%;} .simple-style th {background-color:#dedede; font-size:120%;text-shadow: 0 1px 0 #fff;} .simple-style tr:nth-child(even) {background: #fff;} .simple-style tr:nth-child(odd) {background: #F6F6F6;} </style> <div> <h3>SIMPLE STYLE TABLE</h3> <table> <thead> <tr> <th scope="col">Country</th> <th scope="col">Area</th> <th scope="col">Official languages</th> </tr> </thead> <tbody> <tr> <td>United States of America</td> <td>9,826,630 km2</td> <td>English</td> </tr> <tr> <td>United Kingdom</td> <td>244,820 km2</td> <td>English</td> </tr> <tr> <td>India</td> <td>3,287,240 km2</td> <td>Hindi, English</td> </tr> <tr> <td>Canada</td> <td>9,984,670 km2</td> <td>English, French</td> </tr> <tr> <td>Germany</td> <td>357,021 km2</td> <td>German</td> </tr> </tbody> </table> </div> 

Posted by Hodie J