Blog人人有，特别漂亮的却不多。如果你的Blog中的页面按钮还是跟大家一样用丑丑的预设按钮，那当然酷不起来了。下面介绍一款免费的网页按钮制作软件——“CSS Button Designer”，只要轻松操作几下，选个颜色、样式，不管是渐层背景、可爱图案、超华丽样式等，通通都可以快速搞定！

软件介绍

软件名称：CSS Button Designer

软件版本：1.0

软件大小：145.2KB

授权方式：免费软件

下载地址：http://www.pagetutor.com/downloads/CBD_Setup.exe

CSS Button Designer提供所见即所得的界面，方便我们设计出一些漂亮又具个人特色的网页按钮，使用CSS样式及 JavaScript 脚本，让我们可以设计各种不同的特殊效果，现在你就不用担心会跟别人“撞钮”了！

设计静态时的按钮样式

运行“CSS Button Designer”，单击“Designer”选项，在这里可以自定义静态时的按钮样式（如图1）。

1．设定背景色彩，可依网页的背景来做设定。

2．设定按钮文字、字号、色彩、字体以及按钮大小、背景色等。

3．设定按钮四边边框样式，可以点选“Collectively”让四边的设定都一样，或是选择“Separately”分别设定每一边框的样式。

设计鼠标悬停时的动态样式

切换到“Mouserover”选项，在这里可以设计鼠标移到按钮上方时的样式。操作方法与第1步类似，这里不再赘述。

复制CSS编码

按钮样式都设计好了之后，切换到“Code”选项，就可以直接将CSS编码复制下来，将代码添加到你的Blog网页源代码中即可（如图3）。

稍显遗憾的是，“CSS Button Designer”软件有一个小缺点，就是无法保存设计好的按钮，所以每次使用都必须重新开始设计。（完）

小提示

如果觉得自己设计太麻烦，“CSS Button Designer”也有模板可供选择，切换到“Samples”选项，在这里挑选喜欢的样式之后，双击应该按钮样式，可以回到“Designer”再依照上述方法将模板内容做修改即可（如图2）。