对初学网页制作的人来说，当需要对“按钮”元件进行美工时

对初学网页制作的人来说，当需要对“按钮”元件进行美工时，若能参考别人写好的 CSS Code 是一个事半功倍的好方法。Call-to-Action Button Generator 是一个可即时预览的 CSS 按钮线上产生器，不但提供按钮颜色、文字、阴影、ICON 等属性自订外，还可自动产生所需的 CSS Code 与 PNG 图档，让使用者方便影用到网页的任意处，相当方便。

1.使用浏览器进入 Call-to-Action Button Generator 网站后，左侧边是各项参数的调整区，而在其旁的则是提供即时预览与取得 CSS Code 与图片的区域。

2.在左侧栏的属性选项 SELECT BASE COLOR，可选择按钮的颜色，预设是会有渐层色，可自行调整。

3.BUTTON TEXT，可设定按钮的文字、颜色、字型与大小。

5.ICON，则可在按钮的前面或后面加入图示，并可调整其位置，需要更多的图示可在搜寻框输入关键字来搜寻，亦可点击[remove icon]来移除图示。

6.TEXT SHADOW 与 BOX SHADOW，则是用来调整按钮文字与按钮的位置、颜色、阴影。