Student.html
<html>
<head>
<link rel="stylesheet"
href="table.css">
</head>
<body>
<table border="2" align="center">
<tr><caption>Students
details</caption></tr>
<tr><th>RollNo.</th>
<th>Student_Name</th>
<th>Class.</th>
<th>Gender</th>
<th>Course</th>
<th>Comment</th>
<th>Update</th>
<th>Delete</th></tr>
<tr><td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td></tr>
</table>
</body>
</html>
Table.css
body
{
background-color:pink;
}
table{
background-color:red;
top:20%;
position:relative;
border:solid
black;
}
table caption{
background-color:green;
font-style:bold;
font-size:40px;
border:solid
black;
}
table th
{
font-size:30px;
padding:20px;
}
table td
{
font-size:25px;
padding:20px;
}
Changes
in des2.css
#left{
left:0;
width:25%;
background-color:green;
position:absolute;
TOP:0;
}
#right{
left:30%;
position:absolute;
right:20%;
top:35%;
font-size:40px;
}
#navbar
{
left:25%;
position:absolute;
font-size:40px;
right:0px;
top:15%;
}
#navbar
a
{
display:inline;
width:20%;
background-color:black;
color:white;
float: left;
padding: 20px;
text-decoration: none;
}
.inline
h1
{
display:inline;
position:absolute;
top:0px;
left:40%;
}
a:hover
{
color:white;
text-decoration:none;
text-transform:uppercase;
}
a:active
{
color:red;
background-color:yellow;
}
No comments:
Post a Comment