芒果小站

网页中的圆角表现通常使用圆角图标或者复杂的 CSS 代码叠加来处理。当然圆角图标的使用更容易入门，也易于操作。Google 提供的这个动态生成的工具，或许有点隐蔽，但是非常方便地解决了圆角图标生成的问题。

该工具的效果演示：http://www.google.com/groups/roundedcorners?c=ff0000&bc=ffffff&w=50&h=50&a=tl

你可以自定义图片颜色，背景色，宽度以及高度，以及圆角的方位。

对这个 URL 地址稍加分析可知，其中参数 c 为颜色 (color)，bc 为背景色 (background color)，w 为宽度 (width)，h 为高度 (height)，a 为方位 (aspect)。这样一来，只需根据需要替换其中的代码即可。

圆角的 4 个方位代码分别为：tl 左上角，tr 右上角，bl 左下角，br 右下角。