目录

1. 盒子模型
2. 盒子边框
3. 合并表格盒子边框
4. 圆角边框

       本节将介绍html和css布局的核心，盒子模型，可以说，接下来的网页布局基本上都是盒子模型布局了。

1. 盒子模型
   
          所谓盒子模型就是把HTML页面中的元素看做是一个矩形的盒子，也就是一个承装内容的容器，每一个矩形都是由元素的内容，内边距，边框，外边距构成。
   
          看透网页布局的本质，把网页元素比如文字图片等，放入盒子里面，然后利用css进行摆放位置的过程，就叫做网页布局。
   
          这就是盒子模型。

1. 盒子边框
   

border:border-width||border-style||border-color

边框属性-设置边框样式(border-style)

       其实边框还是存在许多不同的写法。每一种写法能带给我们不一样的便利。

1. 合并表格盒子边框
   
          我们给表格加边框的时候，给td加边框属性就会发现，左右两边的边框重合了，导致我们的边框变粗了，这样很不美观，所以可以再在table的样式里面加入

   border-collapse:collapse

   这个属性即可，这样重复的边框就会消失，可以让表格看的更美观。

1. 圆角边框
   

border-radius：左上角 右上角 右下角 左下角---顺时针

       当border-radius为一个属性值的时候代表四个角都相同。

       两个属性值的时候分别代表着左上角右下角和右上角左下角。

       三个属性值的时候分别代表着左上角和右上角左下角和右下角。

       当border-radius:50%的时候，如果一个正方体被设置了这个样式，此时这个正方体将成为圆。