css實(shí)現(xiàn)一個(gè)簡單的扁平化按鈕

我們先來看下按鈕樣式：

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括楊浦網(wǎng)站建設(shè)、楊浦網(wǎng)站制作、楊浦網(wǎng)頁制作以及楊浦網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，楊浦網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到楊浦省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

（推薦教程：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;
}

網(wǎng)頁標(biāo)題：css實(shí)現(xiàn)一個(gè)簡單的扁平化按鈕
本文來源：http://m.jiaotiyi.com/article/cjeish.html