css实现一个简单的扁平化按钮

我们先来看下按钮样式：

创新互联服务项目包括杨浦网站建设、杨浦网站制作、杨浦网页制作以及杨浦网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，杨浦网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到杨浦省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

（推荐教程：CSS教程）

具体代码：

打印

//js写法
$("#btn").css({
	"font-family": "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif",
	"font-size": "13px!important",
	"height": "30px",
	"line-height": "18px!important",
	"padding": "3px 18px",
	"display": "inline-block",
	"vertical-align": "middle",
	"font-weight": "normal",
	"border-radius": "2px",
	"margin": "0 8px 0 3px",
	"border": "1px solid #3383da",
	"color": "#ffffff",
	"background-color": "#3383da"
});

//css写法
#btn{
	font-family: "'微软雅黑','Helvetica Neue',Helvetica,Arial,sans-serif";
	font-size: 13px!important;
	height: 30px;
	line-height: 18px!important;
	padding: 3px 18px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	border-radius: 3px;
	margin: 0 8px 0 3px;
	border: 1px solid #3383da;
	color: #ffffff;
	background-color: #3383da;
	cursor: pointer;
}

当前文章：css实现一个简单的扁平化按钮
分享网址：http://csruizhi.cn/article/cjeish.html