Thursday, 21 September 2017

How to Make html-tables attractive by using 3 lines of Css code

Tables in html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>TABLES</title>
<style> 
TABLE
{ width:100%;
text-align:center;
background-color:#963;
}
TD
{
padding:10PX;
}
TD:HOVER
{
background-color:WHITE;
COLOR:#963;

}

</style>


</head>

<body>


<table border="13PX SOLID BLACK" > 

<TR> 
<TD>NAME </TD>
<TD> CLASS</TD>
<TD>TIMING </TD>

</TR>


<TR> 
<TD> Salman</TD>
<TD> MCS</TD>
<TD>9:00 AM - 10:00 AM </TD>

</TR>


<TR> 
<TD> Raza</TD>
<TD> BSCS</TD>
<TD>9:00 AM - 10:00 AM </TD>

</TR>

<TR> 
<TD> Arsalan</TD>
<TD> MCS</TD>
<TD>3:00 pM - 5:00 pM </TD>

</TR>
<TR> 
<TD> Muzammil</TD>
<TD> BESE</TD>
<TD>9:00 AM - 10:00 AM </TD>

</TR>










</table>




</body>
</html>

No comments:

Post a Comment

Pass Dynamically Added Html Table Records List To Controller In Asp.net MVC

Controller Code: using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using ...