原文地址:http://genmicha.cn/roundedcornr-rounded-corner-and-gradient-generator.htm

WEB2.0相关制作主题系列3:制作圆角

在逛别人的BLOG时你是不是经常看到圆角效果的Table呢?比如说摩摩诘的Digglife,那效果真的很好呢!当然,用PhotoShop我们可以很快就作出那种效果,可是会做效果不会Code怎么办?下面就给你们介绍一个能在线生成圆角效果,又不用自己拿着本CSS大全去Code的网站:RoundedCornr.COM.

image

网站提供四种制作方式:

image

image

image

image

这四中制作方式肯定能够满足你的要求。醒你,因为这个网站不提供颜色预览,所以最好自己配 一个取色器和一张颜色表,更重要的事还要根据自己的需要来设置颜色。

设置完以后点击“Create RoundedCornr”生成。

image

看到上边的CSS代码了吗?复制下来,然后把生成的图片也下载下来。注意,如果改了图片的文件名的话,代码里的相应文件名也要跟着改变。