• 边框 border
  • border-top-style: solid;　　 实线

　　　　　　　　　　　　　　  dotted;　 点绩

　　　　　　　　　　　　　　  dashed;　虚线　

• • border-top-color　　边框颜色
  • border-top-width　  边框宽度

    
                 
     
      AAAAA
     

• 边框的连写属性: 没有顺序要求, 线型为必写项
  • border-top: 5px solid red;
• 边框合并　　border-collapse: collapse;

    
                 
     
              
       
                    
一
                    
二
                    
三
               
               
                    
                    
                    
               
          
     

• 获取焦点

 

• 获取光标焦点　　label for id

     
      用户名:
       
      
      
     

 

• 内边距 padding

    
                 
     
      AAAAA
     

• • 内边距撑大盒子的问题
    • 内边距影响盒子的宽度
    • 边框影响盒子的宽度
    • 盒子宽度 = 定义的宽度 + 边框宽度 + 左右内边距
    • 继承的盒子一般不舍被撑大

 

• 外边距 padding

    
                 
     
      AAAAA
     
 

 

• 外边距 padding
  • 垂直方向外边距合并
    • 两个盒子垂直, 一个设置上外边距, 一个设置下外边距, 取得设置较大
  • 嵌套的盒子外边距塌陷
    • 给父盒子设置边框
    • 给父盒子 overflew: hidden;