css绝对定位

2022-07-31 18:04:41 作者：互联网

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>默认</title>

    <style>

        div{
            margin: 10px;
            padding: 5px;
            font-size: 12px;
            line-height: 25px;
        }

        #father{
            border: 1px solid #000000;
            padding: 0;
          }

        #first{
            border: 1px dashed #6aff00;
            background-color: #696ac4;
        }

        #second{
            border: 1px dashed #ef942f;
            background-color: #c2c2c2;
        }

        #third{
            border: 1px dashed #1850bf;
            background-color: blue;
        }
    </style>

</head>
<body>

<div id="father">

     <div id="first">第一个盒子</div>
     <div id="second">第一个盒子</div>
     <div id="third">第一个盒子</div>

</div>

</body>
</html>

标签：定位,盒子,color,dashed,绝对,1px,background,border,css
来源： https://www.cnblogs.com/shuqiqi/p/16537696.html