盒模型

标签:#盒模型# 时间:2018/10/07 22:17:02 作者:Shino

    <style type="text/css" media="screen">
    /*下面两个盒子真实占有宽高完全相同*/
    .box1{
        width: 200px;
        height: 200px;
        padding: 50px;
        border: 1px solid red; 
    } 

    .box2{
        width: 250px;
        height: 250px;
        padding: 20px;
        border: 6px solid blue;
    }
    </style>
</head>
<body>
 <div class="box1">
     <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
 </div>
 <div class="box2">
     <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
 </div>