您的位置:首页 > Web前端 > CSS

简单的方式创建的CSS3按钮

2012-12-25 12:18 211 查看
本教程演示了如何创建简单的可扩展的按钮,使用CSS3的属性,如一些边界半径和线性梯度。

基本按钮类:

首先,我们可以创建一个基本的按钮类,没有任何色彩,使我们可以使用不同的颜色。

添加不同的颜色:

现在,我们已经为圆角按钮的基本结构,我们可以使用不同的颜色,因为我们可能需要使用不同的颜色相同的按钮。

加入简单的背景颜色,而是我们可以利用CSS3的财产线性梯度创建按钮的梯度效应。

例如:


对于悬停,我们可以指定一个简单的背景颜色,或如果你愿意,你可以创建类似的梯度悬停。


按钮大小:

我们可以定义按钮的大小不同的类别。所有我们需要做的是指定的字体大小。


按钮可用作
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: