Total members 11889 |It is currently Mon Mar 18, 2024 11:41 pm 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>

 




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
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

HTML Table, CSS Border
cron





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