本文介绍6个纯CSS按钮(button)实例，漂亮又实用，代码使用简单，又具有很强的可迁性，基本上在任何一张网页都能很容易就能用上这些按钮样式。
纯CSS按钮(button)
实例1：普通按钮
创建一个普通按钮，只需在或元素添加类。
实例2：不可用按钮(disabled button)
要创建一个不可用按钮，只需在元素里添加类和类，或者在元素里，添加类，同时添加属性。
实例3：活动按钮(active button)
当你要标识已经点击过的按钮时，可在或元素里添加一个类。
实例4：主要按钮
当你要显示哪些是主要按钮时，可在或元素里添加一个pure-button-primary类。
实例5：自定义按钮样式
为了自定义按钮样式，你应该把你的自定义CSS归组到一个类，如，然后把这个类加到已经加了类的元素里。这里是一些例子。
实例6：不同大小的按钮
类似实例5，我们还可以自定义不同大小的按钮样式。
实例7：字体图标按钮
字体图标按钮很酷很实用，这里我们要用到Font Awesome字体库文件。
首先要在html代码里引用Font Awesome CSS文件，然后在使用类的元素里添加一个元素。
实例8：按钮组
一行把多个按钮放在一起。
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/5796.html