css實現一個簡單的扁平化按鈕

我們先來看下按鈕樣式：

（推薦教程：CSS教程）

具體代碼：

<button id="btn">打印</button>  //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; }