Total members 11734 |It is currently Mon Aug 20, 2018 10:15 am Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





In this example we use CSS to control the style of table tag .
Code:
<html>

<
head>
  <
title>Using CSS to control table usage</title>
  <
style rel="stylesheet" type="text/css">
      
tr.class1 tdth {background-color#BBB;color:#EEE;}
      
tr.class2 td {background-color#999;}
      
tr.class1 th {background-color#F1F1F1;color:#444;}
      
tdth {border-stylegroove;}
      
table {border-stylegroove;border-collapsecollapse;}

    
table caption {
        
font-size0.8em;
        }

</
style>
</
head>

<
body>
<
table>
  <
caption>Table with  colored background </caption>
  <
tr class="class1">
    <
th>Column 1 header</th>
    <
th>Column 2 header</th>
  </
tr>
  <
tr class="class2">
    <
td>Row 1 data1</td>
    <
td>Row 1 data2</td>
  </
tr>
  <
tr class="class1">
    <
td>Row 2 data1</td>
    <
td>Row 2 data2</td>
  </
tr>
  <
tr class="class2">
    <
td>Row 3 data1</td>
    <
td>Row 3 data2</td>
  </
tr>
  <
tr class="class1">
    <
td>Row 4 data1</td>
    <
td>Row 4 data2</td>
  </
tr>
</
table>

</
body>
</
html>

 





Author:
Mastermind
User avatar Posts: 2707
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : Change table style using CSS
 change the style of table cells     -  
 change the style of the kbd     -  
 Change the td font style     -  
 change border style to solid at div tag     -  
 change the font style of the body tag     -  
 Change the border style on mouse over     -  
 Change the default underline style of link     -  



Topic Tags

CSS Border, HTML Table






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com