SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>盒子模型</title>
    <link rel="stylesheet" type="text/css" href="css/NaVi.css">
</head>

<body>
    <div id="box1">
        <img src="https://i.loli.net/2020/03/20/v4185dLpOsUyljN.jpg">
        <img src="https://i.loli.net/2020/03/20/gISFQCwVY23NaRp.jpg">
        <img src="https://i.loli.net/2020/03/20/biwHsTZjI7oP5D6.jpg">
        <img src="https://i.loli.net/2020/03/20/W5nwmt8MiI3FVLZ.jpg">
    </div>
    <div id="box2">
        <p>源码分类</p>
        <p><ins>ASP</ins>(1)</p>
        <p><ins>PHP</ins>(0)</p>
        <p><ins>jsp</ins>(1)</p>
        <p>访客</p>
        <p>暂无访客</p>
        <p><ins>登录</ins>后您的头像会在这里</p>
    </div>
</body>

</html>

            
body {
    font-size: 18px;
}

div {
    text-align: center;
    margin: 0 auto;
}

#box1 {
    padding: 10px;
    width: 600px;
    height: 300px;
    background-color: yellow;
    border: 5px solid red;
}

#box2 {
    border: 3px solid #999;
    padding: 10px;
    width: 600px;
    height: auto;
}

ins {
    color: blue;
}