当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > RoundedCornr:生成圆角图片的好用的简单工具

CSS样式表
用div+css模拟表格对角线
10个HTML和CSS代码修正IE6问题的方法
IE6因为编码问题无法正确解析CSS
3G时代 移动WEB设计资料WAP
内联元素是什么意思呢?什么是块级别元素
初学者需要知道WEB标准的前景
CSS网页布局id和class类的命名介绍
快速定位到复杂的CSS BUG问题
学完CSS后该学什么?
CSS实例:鼠标滑过文字超级链接背景变色
CSS教程:所有浏览器中都能正常显示的字体
如何用css控制input中的text和radio
浏览器处理网页字体效果对比
网页制作学习:reflow概念
CSS样式表的hack的写作方法
CSS代码优化的两个原因
解决父容器透明子容器不透明继承问题
网页制作学习:reflow的问题
CSS实现透明效果颜色的方法:RGBa
DIV+CSS制作网页心得

CSS样式表 中的 RoundedCornr:生成圆角图片的好用的简单工具


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-03-17   浏览: 117 ::
收藏到网摘: n/a

随着 CSS 向 CSS3 的不断演进,圆角的处理不再是一个棘手的问题。但是我们伟大的 IE 同志坚守着那份愚昧与无知。不过为了效果,还是不得不做一点牺牲,能用图片做圆角就尽量用图片吧。

RoundedCornr 用于自定义配置生成圆角效果的对应 HTML/CSS 代码以及边角料图片。提供了以下几个待设定参数:

以像素计算的圆角半径大小 (Corner radius in pixels)、背景颜色 (Background color)、容器颜色 (Box color)。

配置完成后,点击 Create RoundedCornr 按钮,会引导向一个预览页面,并同时输出 HTML/CSS 代码,以及生成的四个边角图片。对于快速制作圆角效果来说还是灰常方便的,值得一试。

官方主页:http://roundedcornr.com