CSS TABLE February 24, 2015 Get link Facebook X Pinterest Email Other Apps CSS SIMPLE TABLE <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css class</title> <style> table{ } table td{ background:#CCCCCC; } </style> </head> <body> <table width="100%" border="2"> <tr> <td>row</td> <td>column</td> <td>cell</td> </tr> <tr> <td>row</td> <td>column</td> <td>cell</td> </tr> <tr> <td>row</td> <td>column</td> <td>cell</td> </tr> </table> </body> </html> STYLE-2 <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css class</title> <style> table{ } .tr2{ background:#CCCCCC; } </style> </head> <body> <table width="100%" border="2"> <tr> <td>row</td> <td>column</td> <td>cell</td> </tr> <tr class="tr2"> <td>row</td> <td>column</td> <td>cell</td> </tr> <tr> <td>row</td> <td>column</td> <td>cell</td> </tr> </table> </body> </html> STYLE-3 <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css class</title> <style> table{ } table td{ text-align:center; } .tr2{ background:#CCCCCC; } </style> </head> <body> <table width="100%" border="10" cellspacing="2" cellpadding="2"> <tr> <th scope="col">Date</th> <th scope="col">Year</th> <th scope="col">Month</th> </tr> <tr> <td>10th</td> <td>2010</td> <td>JAN</td> </tr> <tr> <td>12th</td> <td>2010</td> <td>FEB</td> </tr> <tr> <td>14th</td> <td>2010</td> <td>MARCH</td> </tr> <tr> <td>16th</td> <td>2020</td> <td>AUG</td> </tr> </table> </body> </html> STYLE-4 <!DOCTYPE> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css class</title> <style> table{ } table td{ text-align:center; background:#00CCCC; } table th{ background:#00CCFF; } .tr2{ background:#CCCCCC; } </style> </head> <body> <table width="100%" border="10" bordercolor="#0099FF" cellspacing="2" cellpadding="2"> <tr> <th scope="col">NAME</th> <th scope="col">ADDRESS</th> <th scope="col">PHONE</th> </tr> <tr> <th scope="row">RAM</th> <td>BANGALORE</td> <td>00 55 66</td> </tr> <tr> <th scope="row">AKBAR</th> <td>BANGALORE</td> <td>22 44 66</td> </tr> <tr> <th scope="row">JOHN</th> <td>BANGALORE</td> <td>11 55 66</td> </tr> <tr> <th scope="row">RAJ</th> <td>BANGALORE</td> <td>55 22 66</td> </tr> </table> </body> </html> Comments
Comments
Post a Comment