Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS TABLES</title>
<style>
body {
font-family: "Comic Sans MS", sans-serif;
}
table {
margin: 0 0 40px 0;
width: 100%;
max-width: 100%;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
tr {
border-style: groove;
display: table-row;
padding: 15px;
max-width: 100%;
}
td {
padding: 6px;
max-width: 100%;
}
table,
th,
td {
border: 1px solid black;
border-collapse: collapse;
}
</style>
</head>
<body>
<!-- CUSTOM TABLE -->
<table>
<tr>
<th>Emp Name</th>
<th>Designation</th>
<th>Company</th>
</tr>
<tr>
<td>John Mayor</td>
<td>Software Engineer</td>
<td>Microsoft</td>
</tr>
<tr>
<td>Alex Ben</td>
<td>Software Engineer</td>
<td>Google</td>
</tr>
<tr>
<td>John</td>
<td>Software Engineer</td>
<td>Microsoft</td>
</tr>
<tr>
<td>Alex Ben</td>
<td>Software Engineer</td>
<td>Google</td>
</tr>
<tr>
<td>John</td>
<td>Software Engineer</td>
<td>Microsoft</td>
</tr>
<tr>
<td>Alex Ben</td>
<td>Software Engineer</td>
<td>Google</td>
</tr>
</table>
</body>
</html>
Output:
