console 命令行工具 X clear
console
<html lang="en">
    <head>
        <meta charset="UTF-8">
            <style type="text/css">
                body{margin: 0;
                    /*margin表示边界*/}
                    div{position:absolute;
                    width:200px;height:200px;
                }
                #p1{background:#99ffcc ;border :15px groove #aaff66;}
                #p2{border-style:dashed solid ;}
                #p3{border-style:solid ;border-width: 8px 10px;}
                #d1{background-color:black;
                color: white;
                z-index: 0;
                }
                #d2{background-color:rgb(252, 7, 7);
                    top:25px;left: 50px;
                color: white;
                z-index: 1;
                }
                #d3{background-color:purple;
                    top:50px;left: 100px;
                color: white;
                z-index:2;
                }
            </style>
        <title>
            css有效尝试
        </title>
    </head>
    <body>
          <div id="d1">first<p id="p1">拿出匕首</p></div>
          <div id="d2">second<p id="p3">再见家乡</p></div>
          <div id="d3">third

<p id="p2">对着心脏</p>


          </div>
    </body>
</html>