CSS Table Cells Decoration

This below CSS stylesheet is to decorate the table and cells. Tables and cells are the most important elements of the web page. These below classes table and cell are used to decorate the table and cells respectively. You can set and do any changes in the classes based on your requirements

CSS Table & Cells Properties


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Table</title>
<style type="text/css">
.table {
border-collapse: separate;
table-layout: auto;
visibility: visible;
width: auto;
height: auto;
margin: 25px 50px;
padding: 10px;
background-color: green;
}
.cell {
width: auto;
height: auto;
padding: 10px 90x;
overflow: auto;
background-color: pink;
}

</style>
</head>
<body>
<div>
<table><tr><td>First</td></tr></table>
<table class="table">
<tr><td class="cell">Cell 1</td><td class="cell">Cell 2</td></tr>
</table>
<table><tr><td>Last</td></tr></table>
</div>
</div>
</body>
</html>



Related Topic discount Girard-Perregaux GP 1966 watches
CSS DIV Table Decoration
What are all the Primary Networking Devices
Abbrevations for Network terms
What is OSI Model and its Layers in Communication System
CSS  web design  HTML  div  

nScraps.com 2011   Privacy Policy  Terms of Service  Feedback