扮靓网页中的按钮

在网页中，尤其是那种需要交互性的，都会使用到提交性质的按钮，您不觉得系统默认那些灰灰的按钮太单调了吗，而且不能够吸引访问者的注意力。下面我将通过CSS（网页样式表）和JavaScript把您的网页按钮装扮的富有个性化，您也可以试着用这种方法来把按钮做的和页面整体风格一致。

首先，运用CSS定义按钮的整体风格，您可以把下面的代码放到网页的头部之间。

代码说明：

注意：

边框线的常见属性包括：1.实线 solid；2.虚线 dotted；3.破折号 dashed；4.双线 double；5.凹线 groove；6.凸线 ridge；7.嵌入 inset；8.开端 outset。

细心的朋友会发现这和FrontPage中关于边框属性定义是一致的，我觉得就实线和虚线在按钮边框的表现还不错，其它效果并不是很美观。

您可以充分发挥你的创造力，设置按钮边框不同的明暗度颜色，就可以创造出具有个性化颜色的立体按钮来了。怎么样，经过这样的设置后，您的按钮是不是比原来漂亮了许多呢？

接着，通过JavaScript编程可以让您的按钮上的文字闪烁起来，这样可以吸引更多的访问者去点击它，具体的调用过程和JavaScript代码如下：

记住在网页中加入JavaScript代码后，在调用时一定要在input的id设置处标记flashit这个标记，也就是下面这段代码。

现在看看您按钮上的文字是不是在一闪一闪的了？赶快试一试吧，我相信通过我的抛砖引玉您一定能做出更加酷酷的按钮来。

酷酷的按钮效果

说明：本代码在Microsoft Internet Explorer 5.0以上版本调试通过。