其他分享
首页 > 其他分享> > 盒子模型（框模型）——内边距

盒子模型（框模型）——内边距

作者：互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>盒子模型（框模型）——内边距</title>
        <style type="text/css">
            /* 
                内边距
                    盒子的可见框大小由内容区，内边距共同决定
                    边框和内容区之间的边距叫做内边距（padding）
                    一共有四个方向的内边距
                        padding-top
                        padding-right
                        padding-bottom
                        padding-right
                    简写属性：padding同时设置四个方向的内边距
             */
            .box{
                width: 100px;
                height: 200px;
                border: 1px red solid;
                padding: 10px 20px 30px 40px;
            }
            
            .box1{
                width: 100%;
                height: 100%;
                background-color: #FFFF00;
            }
        </style>
    </head>
    <body>
        <div class="box">
            <div class="box1"></div>
        </div>
    </body>
</html>

 

标签：right,盒子,模型,height,padding,内边
来源： https://www.cnblogs.com/YcxyH/p/16248974.html