XHTML and CSS Tutorial - 26 - Styling Tables

<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>

<html>



<head>

<style type ="text/css">

Table {border: 3px solid blue;}

</style>

</head>

<body>
<table>
<tr>
<td>I love Thileban </td>
<td>I love Thileban </td>
<td>I love Thileban </td>
</tr>
<tr>
<td>I love Thileban </td>
<td>I love Thileban </td>
<td>I love Thileban </td>
</tr>

</table>

</body>

</html>

<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>

<html>



<head>

<style type ="text/css">

Table {border: 3px solid blue;}
Tr{background-color:yellow;}
Td {border: 2px dashed red;}

</style>

</head>

<body>
<table>
<tr>
<td>I love Thileban </td>
<td>I love Thileban </td>
<td>I love Thileban </td>
</tr>
<tr>
<td>I love Thileban </td>
<td>I love Thileban </td>
<td>I love Thileban </td>
</tr>

</table>

</body>

</html>


Comments