本文共 798 字，大约阅读时间需要 2 分钟。

盒子四大部分：

border：边框

border：边框

三大属性：边框颜色，边框线型，边框粗细

1. 四个边可分开设置。
2. 边框定义可以简写，且三大属性无顺序要求。

padding：内边距

1. 四个边可分开设置。
2. 可共同设置意义如下
   padding: 10px;
   四个内边距都是10px
   padding: 10px 15px;
   四个内边距 代表上下，左右
   padding: 10px 15px 20px ;
   四个内边距 代表上，左右，下
   padding: 10px 15px 20px 25px;
   四个内边距 代表上，右，下，左
   3.应用： 可设置导航栏均匀
   padding: 0px 20px;
   内边距为20，可以使格子均匀

margin：外边距

1. 四个边可分开设置。
2. 可共同设置意义如下
   padding: 10px;
   四个外边距都是10px
   padding: 10px 15px;
   四个外边距 代表上下，左右
   padding: 10px 15px 20px ;
   四个外边距 代表上，左右，下
   padding: 10px 15px 20px 25px;
   四个外边距 代表上，右，下，左
   3.应用： 可设置元素居中
   margin: auto;或
   margin: 0 auto;
   只要左右外边框为自动，块级元素便可以居中
   text-align: center;
   另没有宽度的行内元素，可以居中
   代码实例：

    
       
               
   
    
   
    四大属性
   
    
   
    
   
    居中
   
    
   
    
   
        
    长的内容----        
    短的        
    较长的    
   

网页样式：

转载地址：http://dwshn.baihongyu.com/