1. 爱易网页
  2. HTML教程
  3. 简略的方式创建的CSS3按钮

简略的方式创建的CSS3按钮

日期：2014-05-17　 浏览次数：20761 次

简单的方式创建的CSS3按钮
本教程演示了如何创建简单的可扩展的按钮，使用CSS3的属性，如一些边界半径和线性梯度。
基本按钮类：
首先，我们可以创建一个基本的按钮类，没有任何色彩，使我们可以使用不同的颜色。
.button {
    font-family: sans-serif;
    font-weight:bold;
    color: #fff;
    padding:5px 10px 6px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    cursor: pointer;
    }
在上面的代码，我们创建与圆形边界边界半径为MOZILLA，WebKit和Internet Explorer的浏览器。如果您想了解更多有关边界半径财产。
 
添加不同的颜色：
现在，我们已经为圆角按钮的基本结构，我们可以使用不同的颜色，因为我们可能需要使用不同的颜色相同的按钮。
加入简单的背景颜色，而是我们可以利用CSS3的财产线性梯度创建按钮的梯度效应。

相关资料更多>

  1. css滤镜为何不兼容360浏览器
  2. IE 不显示页面内容，HTML源码准确
  3. 快~ 有经验的帮助看看呀 页面样式有关问题
  4. firefox 隶属css hack
  5. 【一个痛苦的有关问题】使用了H1 H2标签后 和图片不是一行了？空白处都有超链接
  6. 请教哪里可以找到w3c标准的完整文档？ 越全越好！ W3C W3C W3C!
  7. 精通CSS.DIV网页式样与布局（八）——滤镜的使用
  8. 网页元素单位全了解
  9. 展示html代码的函数