HTML+CSS 轻松入门之盒子模型之边框（下）

通常我们是很少给p标签来加边框的，但是在设计的时候，我们会给div 标签 加上 边框，这样看起来会明显一点

下面我们来做一个实例：比如网站首页部分，头部　　中部（分为左右俩块）　　底部　　这样的一个布局样式，我们要怎么实现呢

首先我们要给一个大的div 头部中部和底部都放在这个div 中 这样我们就要给第一个div 做一个css样式，然后再这个div 中加入3个div 标签

代码如下：

      
  
 
头部
 
中部
 
底部
 
  

下面我们要给头部中部底部分别加上样式，完整代码如下：

      
  
 
头部
 
 
左边
 
右边
 
 
底部
 
  

注：边框也要分上下左右的

border-top 上

border-left 左

border-right 右

border-buttom 下