CCS盒子问题
设计一个新闻盒子,利用html5 和ccs3

下面是具体的代码

CCS盒子问题
CCS盒子问题
最后记录几个容易混淆的地方,用下面一张图来进行说明
CCS盒子问题
真正的盒子是里面天蓝色部分:也就是代码中的width 和height
内边距padding:青色部分
外边距margin:外层暗红色部分。

注意:改变padding值会撑大盒子,注意真正盒子高度和宽度的计算。

相关文章: