CSS 上面要做圆角并不容易,除了等CSS3里有关圆角支持外,很多开发者都提供了 许多的方法 。这个方法,使用的是上下各四层的 1px 高的 block,调效好每一层的 Margin,做成一个小小的弧度。所以基本上,是可以加更多层来增加弧度。使用 Javascript 来自动创造这些 block,只需要在页面载入后再行 Javascript 造知其要在那些地方方加上这些圆角装饰。这个方法的缺点,就是不可以加上 border。而某些Background Image亦不适合此方法,因为头顶和尾部都是用同一只颜色。
不过在Markup上真的如我们常用的一样就可以,只需要另外再加Onload事件就可以了,值得大家一看!