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

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

CSS样式表: 50个强大璀璨的CSS3/JS技术运用实例; table建站,XHTML建站和DIV建站的不同; 根据W3C的CSS3草案翻译的CSS3参考手册; RoundedCornr:生成圆角图片的好用的简单工具; CSS教程:彻底了解haslayout; CSS3的简单又实用的3个属性; CSS教程:-moz-inline-box和-moz-inline-stack; css3阴影属性box-shadow注意事项; css3文本阴影属性text-shadow说明; CSS3的border-radius(圆角); border边框属性在浏览器中的渲染方式; CSS属性:text-shadow，box-shadow，border-radius; 再论清除浮动的空DIV方法; YUI网页布局:自适应宽度的输入框; 学习web标准:Web标准中的特殊字符; 优化浏览器渲染：将样式表放在页面顶部; 优化浏览器渲染：指定图片尺寸; 优化浏览器渲染：避免CSS expressions; CSS3 Please:在线生成跨浏览器的CSS3代码; CSS实例教程:制作漂亮的网页表单

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-03-17 浏览: 37 ::

收藏到网摘: n/a

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

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

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

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