console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="5.css">
</head>
<body>
<table class="tb1">
<tr>
<th>Name</th>
<th>Age</th>
<th>Address</th>
<th>Tags</th>
<th>Action</th>
</tr>
<tr>
<td>John Brown</td>
<td>32</td>
<td>New York No.1 Lake Park</td>
<td><button class="green_btn">NICE</button><button class="blue_btn">DEVELOPER</button></td>
<td>Action</td>
</tr>
<tr>
<td>Jim Green</td>
<td>42</td>
<td>New York No.1 Lake Park</td>
<td><button class="orange_btn">LOSER</button></td>
<td>Invite Jim Green Delete</td>
</tr>
<tr>
<td>Joe Black</td>
<td>32</td>
<td>Sidney No.1 Lake Park</td>
<td><button class="green_btn">NICE</button></td>
<td>Invite Jim Green Delete</td>
</tr>
</table>
<button class="bt1"><</button>
<button class="bt2">1</button>
<button class="bt3">></button>
</body>
</html>
.tb1 {
width: 800px;
height: 200px;
margin: auto;
text-align: left;
}
th {
background-color: rgb(248, 247, 247);
border: none;
}
td {
border-bottom: 1px solid rgb(235, 233, 233);
}
.green_btn {
background-color: rgb(223, 248, 223);
color: rgb(113, 248, 113);
}
.blue_btn {
background-color: rgb(174, 207, 245);
color: rgb(114, 174, 241);
}
.orange_btn {
background-color: rgb(243, 191, 172);
color: rgb(247, 147, 111);
}
.bt1 {
width: 25px;
height: 25px;
margin-left: 900px;
margin-top: 20px;
background-color: white;
border: 1px solid rgb(236, 233, 233);
}
.bt2 {
width: 25px;
height: 25px;
background-color: white;
border: 1px solid rgb(236, 233, 233);
}
.bt3{
width: 25px;
height: 25px;
background-color: white;
border: 1px solid rgb(236, 233, 233);
}