CSS学习第二天--盒子模型

之前我们学习了用table来添加样式制作内容,这样内容是相对固定的,不好修改,所以我们引入了盒子模型,盒子模型实现了网页内容都是有一个一个的盒子组成,我们对盒子设置样式即可。

名称 作用
margin 外边距
border 边框
padding 内边距
content 内容

图例样式说明:

image.png
接下来,我们一一对应练习一下:



    
    盒子模型,padding  margin 属性
    


边框效果展示:

外边矩效果展示:

看十遍不如动手一遍,多动手敲一下码没有坏处!!!

你可能感兴趣的:(CSS学习第二天--盒子模型)