Change the td font style

Sun Feb 26, 2012 8:35 pm

In this example we use the CSS properties to change the font style and alignment with the TD tag.
Code:
<HTML>
<
head>
<
title>Change the td font style</title>
<
style type='text/css'>
td.rowData1 {
  width:150px;
  font:12pt arial;
  text-align:justify;
  }
td.rowData2 {
  width:150px;
   
}

 
</style>
</
head>
<
BODY>
<
table border="1">
   <tr>
      <td colspan="2" class="rowData1"> Td first row text Td first row text Td first row text Td first row text
Td first row text Td first row textTd first row textTd first row text Td first row text Td first row text      
</td>
   </tr>
   <tr>
       <td  colspan="2" class="rowData2"> Td second row text Td second row text Td second row 
text Td second row text Td second row text Td second row text
Td second row text Td second row text Td second row text Td second row text Td second row text 
Td second row text       
</td>
    
   
</tr>
</
table>
</
BODY>
</
HTML>
 




  Related Posts  to : Change the td font style
 change the font style of the body tag     -  
 change Font of text in java     -  
 change font size in JavaScript     -  
 Change the link font family and weight     -  
 change the style of the kbd     -  
 Change table style using CSS     -  
 change the style of table cells     -  
 Change the border style on mouse over     -  
 change border style to solid at div tag     -  
 Change the default underline style of link     -  

Topic Tags

HTML Table