网文章页css3圆角按钮的生成方式

昨天有朋友说我的网站

字太小,于是我就想做一个按钮当用户点击时就会放大字体,

按钮很好做,但是想做好看有点难,

因为不是专业的美工,所以我就在网上搜罗。

最后在

http://nicolasgallagher.com/lab/css3-github-buttons/

网站上找到我想要的效果。

具体实现

1 先引入相关css

<link rel=”stylesheet” href=”http://nicolasgallagher.com/lab/css3-github-buttons/gh-buttons.css”>

2编写按钮代码

代码如下面的代码

最后刷新页面就可以啦 CSS3 buttons

源码与演示：源码出处 演示出处

<ul class="button-group">
	<li><a href="javascript:;" class="button pill" id="defultFont">默认字体</a></li>
　　　　　<li><a href="javascript:;" class="button pill" id="bigFont">大字体</a></li>
	<li><a href="javascript:;" id="largeFont" class="button pill">最大字体</a></li>
</ul>