小编给大家分享一下css如何实现一个简单的扁平化按钮，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！
海南网站建设公司创新互联,海南网站设计制作，有大型网站制作公司丰富经验。已为海南上1000+提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱，请找那个售后服务好的海南做网站的公司定做！
我们先来看下按钮样式：
具体代码：
//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如何实现一个简单的扁平化按钮有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！