Sammenlign Forbrukslån | Pikavippivertailu | Beste Kredittkort 2017 | Strømpriser | Beste Tyverialarm | Bytte Forsikringsselskap | Mobilselskaper 2017 | Beste Kiropraktor
CSS

CSS Table Color

The only information a web site is intended antipathy how nicely designed and easy to use is presented to the user, even more important. Web page or a list of figures presented in the table using CSS to display to the user backstreet Shakespearean each cell in the table header and color plays a more important role. Background color of the table’s header to determine the style sheet to write,

th
{
background:#F69;
}

In each cell to determine the background color of the table to write the style sheet,

Todd
{
Background: # hanging;
}

Practice Project:

<html>
<head>
<title> www.trickbd.com.bd</title>
<style>
body{background:#00CC99;margin-left:120px; }
table{
border-collapse:collapse;
width:300px; height:200px;
}
table,th,td
{
border:1px solid #F00;
}
th
{
height:50px;
}
td
{
text-align:center;
vertical-align:bottom;
}
th
{
background: #F69;
}
td
{
background:#FAC;
}
</style>
</head>
<body >
<table>
<tr>
<th>SL</th>
<th>Book</th>
<th>Pen</th>
<th>Box</th>
</tr>
<tr>
<td>01</td>
<td>100</td>
<td>200</td>
<td>400</td>
</tr> <tr>
<td>02</td>
<td>300</td>
<td>600</td>
<td>300</td>
</tr>
</table>
</body>
</html>

Notepad to open a file type from the menu at the top of layer code by clicking on the Save as File name: index.html, Save as type: All files, save and open the index.html file with the Mozilla Firefox look like the image shown below.

Comments

comments

About the author

Toriqul Islam Tusher

বলার মত কিছু নাই!

Leave a Comment