上一篇通过构建金字塔结构，来从不同的角度，由浅入深的对synchronized关键字做了介绍，

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

其实在绘制直线的时候，默认是绘制1px的宽度，但是绘制直线的中轴线位置是在坐标轴刻度的上，如下：

从上图很容易看出，当box宽度降低到很小，也就是border的梯形的上边降到很小。所以想一想，当这一值降到0时，border就变成了三角形。如下图：

1.子集浮动参照父级宽度 2.子集浮动不再撑开父级高度 3.父级高度需要自己处理，否则会影响兄弟布局，采用清浮动处理

整体设置font: bold 10px/300px '黑体', 'Arial'; 分别是字重,字体大小,行高,字族,顺序可以交换不影响

最后添加了一个overflow: hidden;属性ok了,ie火狐都可以显示边框

重新配色，通过background渐变属性radial-gradient,添加渐变，具有高光效果

css3中我们知道可以使用box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果，每组参数值用逗号隔开。如果把box-shadow特性的两个偏移量 h-shadow 、v-shadow设置为0，将模糊值blur也设置为0，此时增加扩张半径，就...

box-shadow，向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。...