前段时间弄 Norah Jones 专题的时候，需要把背景弄成圆角矩形，想来想去，都觉得用 DIV 标签配合 CSS 不是很方便，于是还用了表格来定位。
刚才顺手访问了一下 MovableType 的官方网站，发现界面更新了，也用了很多圆角矩形，就有些好奇：他们是怎么实现的呢？
上图是一个 ID 为“dev_blog”的 DIV，在 mt_home.css 中作了如下定义：
>>背景图：http://www.sixapart.com/i/rounded_bottom_200.gif，这是一个有着透明圆角矩形区域，宽度为200像素的gif，可以透出底色；
>>背景色：#e8eff3；
>>背景图重复：无；
>>背景图水平位置：50%；
>>背景图垂直位置：底部。
最后的效果就是圆角矩形的底部。
而圆角矩形的上半截就要用到“MOVABLE TYPE NEWS”这一块了。
这一部分用 H3 标签括起来，其定义为：
>>背景图：http://www.sixapart.com/i/rounded_top_200.gif；
>>背景图重复：无；
>>背景图水平位置：50%；
>>背景图垂直位置：顶部。
呵呵，我这个菜鸟又学到一手。
