Total members 11801 |It is currently Wed Oct 23, 2019 6:23 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 focus on changing the style of table tag cells ( th and td tags ).
Code:
<html>

<
head>
  <title>Control the style of table Cells</title>
   <style type="text/css">
table {
  border-collapse: collapse;
  border: 6px solid #555;
}
td {
  padding: 5px;
}
th {
  color: white;
  background-color: black;
}
td, th+th {
  border: 6px solid #777;
}
td+td {
  border: 6px solid #bbb;
  text-align: center;

}
  </style>
</
head>

<
body>
<
table>
  <caption>Table with  colored background </caption>
  <tr >
    <th>Column 1 header</th>
    <th>Column 2 header</th>
  </tr>
  <tr >
    <td>Row 1 data1</td>
    <td>Row 1 data2</td>
  </tr>
  <tr  >
    <td>Row 2 data1</td>
    <td>Row 2 data2</td>
  </tr>
  <tr >
    <td>Row 3 data1</td>
    <td>Row 3 data2</td>
  </tr>
  <tr >
    <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 the style of table cells
 Change table style using CSS     -  
 different colors for table Even- Odd rows and 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






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