您现在的位置是：网站首页> 编程资料编程资料

用 CSS 让你的按钮(button)更加迷人 _CSS教程_CSS_网页制作_

2021-09-09 810人已围观

简介 这篇文章教你用 CSS 制作漂亮的有点击效果的按钮，明白了原理，相信你也可以制作更加丰富的效果。

查看演示
我们用 A 包含一个 SPAN 标签来实现此效果：
HTML:

复制代码
代码如下:

设置按钮样式：

复制代码
代码如下:



为按钮添加点击样式：

复制代码
代码如下:



由于 IE 下点击后不能还原到默认状态，因此，我们需要在标签里添加一段代码：
按钮文字
如果你需要用它提交表单（FORM），那么可以在 onclick 里面添加一个提交语句，如：document.forms['theForm'].submit();

上一篇：用css来实现透视效果_CSS教程_CSS_网页制作_

下一篇：全面兼容ie6,ie7,ie8,ff的最简单的css写法_浏览器兼容教程_CSS_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网