<html>
<head>
<title>Homework2</title>
<style>
table {
border-collapse: collapse;
}
table th{
color:white;
background-color:rgb(153,225,51);
text-align:left;
}
table, th, tr, td{
border:1px solid green;
}
tr:nth-child(even) {background: #E6E6E6}
tr:nth-child(odd) {background: #FFF}
p{
border-style:dashed solid dotted solid;
border-color:red green blue pink;
width:370px;
}
ul li span {
color: black;
}
li{
color:blue;
}
</style>
</head>
<body>
<table>
<tr><th>Name</th><th>Email</th><th>Department</th></tr>
<tr><td>Sok Chan</td><td>sok.chan@gmail.com</td><td>Computer Science</td></tr>
<tr><td>Ma Kompheak</td><td>ma.kompheak@gmail.com</td><td>Biology</td></tr>
<tr><td>Tep Veasna</td><td>veasna@gmail.com</td><td>Computer Science</td></tr>
<tr><td>Sok Sophal</td><td>sophal.sok@gmail.com</td><td>Geography</td></tr>
</table>
</br>
<p>For Color Border</p></br>
<ul>
<li><span>Sok Chan<span></li>
<li><span>Ma Kompheak</span></li>
<li><span>Tep Veasna</span></li>
<li><span>Sok Sophal</span></li>
</ul>
</body>
</html>
No comments:
Post a Comment