随着 CSS 向 CSS3 的不断演进,圆角的处理不再是一个棘手的问题。但是我们伟大的 IE 同志坚守着那份愚昧与无知。不过为了效果,还是不得不做一点牺牲,能用图片做圆角就尽量用图片吧。
RoundedCornr 用于自定义配置生成圆角效果的对应 HTML/CSS 代码以及边角料图片。提供了以下几个待设定参数:
以像素计算的圆角半径大小 (Corner radius in pixels)、背景颜色 (Background color)、容器颜色 (Box color)。
配置完成后,点击 Create RoundedCornr 按钮,会引导向一个预览页面,并同时输出 HTML/CSS 代码,以及生成的四个边角图片。对于快速制作圆角效果来说还是灰常方便的,值得一试。
官方主页:http://roundedcornr.com