console 命令行工具 X clear

console

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="lesson4.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="btn_1">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="btn_2">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="btn_3">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: gray;
}

td {
    border-bottom: 1px solid white;
    
}
.btn_1 {
    background-color: red;
    color: white;
}

.btn_2 {
    background-color: greenyellow;
    color:  blue;
}

.btn_3 {
    background-color: yellowgreen;
    color:  black;
}

.bt1 {
    width: 25px;
    height: 25px;
    margin-left: 900px;
    margin-top: 20px;
    background-color: white;
    border: 1px solid white;
}

.bt2 {
    width: 25px;
    height: 25px;
    background-color: white;
    border: 1px solid white;
}

.bt3{
    width: 25px;
    height: 25px;
    background-color: white;
    border: 1px solid white;
}