寂寞部屋
- 关注互联网,关注生活
关注互联网,关注生活
2019年五月
« 4月    
 12345
6789101112
13141516171819
20212223242526
2728293031  
  • 日志总数:553 篇
  • 浏览总量:2,434,942 次
  • 运行天数:618 天
  • 建站时间:2017-9-14
  • 最后更新:2019-4-2

RoundedCornr: Rounded Corner and Gradient Generator

原文地址: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代码了吗?复制下来,然后把生成的图片也下载下来。注意,如果改了图片的文件名的话,代码里的相应文件名也要跟着改变。

本站原创文章,请勿复制转载
版权声明:除特别注明外,本站所有文章均为原创,未经许可请勿复制、转载
2007-12-13
6,137 views
暂无评论

发表评论

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。