以前看純代碼的圓角都是一條綫一條綫排出來的（如下圖），有些就使用JS，當中curvycorners-2.0.3.rar就是做比較好的。

而這次在一篇文章看到Yahoo做法有點不一樣，在4個角上面“下功夫”，原理也很好理解，請看下文。
轉載自：http://www.neoease.com/round-corners-with-html

1. 做一个直角的 DIV, 给他画上边框. (以下图片都以左上角为例)

2. 在 DIV 内部画第二个 DIV, 背景色与页面背景颜色相同.

3. 将第二个 DIV 挪到边界上, 使它能与页面背景连接, 这样看上去就像一个缺角的框框.

4. 在第二个 DIV 内画第三个 DIV, 在这里其实就是一点.

5. 将第三个 DIV 挪到右下角的位置, Done.

我在 Yahoo! 截取了这段代码, 改了一下. 下载点击
最终效果如下图所示:

　　基本上光看截圖就大概明白了它的原理，的確很好理解，出來效果也很不錯，但結構中仍然要使用很多 無内容的空標籤，一般純CSS的圓角都存在這個問題，是一個大難題！！