千变万化的按钮

“点击查看”、“查看详情”、“登录“、”立即购买“这些都属于按钮,那些千变万化好看的按钮是怎么做出来的呢。下面我们一起来看看实例。

1、下图中的这个“MORE”是怎么做出来的?

mailpanda

我们可以看到这个按钮的文字和边框的颜色与内容的小标题的颜色是一样的,点击这个按钮,在右侧的按钮属性中,设置背景色为白色,文本色为蓝色,把四边的边框调整为1并且把颜色设置为蓝色,行高选择第二个,圆角的值设置为0,就可以了。

mailpanda

mailpanda

 

2、你也可以这样设置,把按钮的背景颜色设置成跟小标题一样的颜色,按钮的文本设置成白色,圆角设置为0,四边默认为0。

mailpanda

3、还有下面这种,这种是有圆角的,圆角的值越大,圆的的弧度就越大。

mailpanda

4、下面这种,是内容背景颜色为黑色的同时,把按钮的背景颜色设置为黑色,按钮的文本设置成白色,四边设置成白色,圆角设置的值为26。

panda

5、这种是把按钮的背景颜色设置为黑色,文本颜色是指为白色,没有设置四边的颜色,圆角为26。

mailpanda

6、这种与第五种相比,是把圆角设置为0。

mailpanda

 

以上是熊猫君为大家介绍的几种不同的按钮,不同的背景颜色、文本颜色,四边的颜色和圆角的设置,可以设计出不同的按钮效果,赶快动手试试吧!