console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=, initial-scale=">
	<meta http-equiv="X-UA-Compatible" content="">
	<title>盒子模型3</title>
    <style type="text/css">
    #bcr{
        width:1000px;
        height:300px;
        background: linear-gradient(to bottom, #9796f0, #fbc7d4);
        }
    
        
    img{
        width:200px;
        height:150px;
        display:block;
        border:1px solid #2ed573;
        }

    li{
        display:inline;
        float:left;
        padding:5px;
        margin-top:30px;
        margin-right:20px;
        background: linear-gradient(to bottom, #FC354C, #0ABFBC);
       }

    p{
        display:block;
        font-weight:bold;
        font-size:1.5em;
        text-align:center;
        color: #ff6b81;
        }
    
</style>
</head>
<body>
	<div id="bcr">
      <ul>
       <li> <img src="https://i.loli.net/2021/05/02/9hckJ8UgMf6p41I.jpg" ><p>怒发冲冠</p></li>
       <li> <img src="https://i.loli.net/2021/05/02/Tea8lCg4HfpKjoN.jpg" ><p>泣不成声</p></li>
       <li> <img src="https://i.loli.net/2021/05/02/HxGWqg3INa4YeRZ.jpg" ><p>吃大柠檬</p></li>
       <li> <img src="https://i.loli.net/2021/05/02/OFsNJp2twRgfem4.jpg" ><p>究极干饭</p></li>
      </ul>
    </div>
</body>
</html>