<input class="btn btn-default pd-15" type="button" value="默认">
            <input class="btn btn-default radius-10 pd-15" type="button" value="圆角效果">
            <input class="btn btn-default radius-30 pd-15" type="button" value="椭圆效果">
            <input class="btn btn-link radius-10 pd-15" type="button" value="链接">
			
            <input class="btn btn-primary radius-10 pd-15" type="button" value="按钮一">
            <input class="btn radius-10 btn-secondary pd-15" type="button" value="按钮二">
            <input class="btn btn-success radius-10 pd-15" type="button" value="按钮三">
            <input class="btn radius-10 btn-warning pd-15" type="button" value="按钮四">
            <input class="btn btn-danger radius-10 pd-15" type="button" value="按钮五">
            <input class="btn btn-yellow radius-10 pd-15" type="button" value="按钮六">
            <input class="btn btn-green radius-10 pd-15" type="button" value="按钮七">
            <input class="btn btn-ash radius-10 pd-15" type="button" value="按钮八">
            <input class="btn btn-blue radius-10 pd-15" type="button" value="按钮九">
            <input class="btn btn-white radius-10 pd-15" type="button" value="按钮十">
            <input class="btn disabled radius-10 pd-15" type="button" value="禁用">
        

		
            <input class="btn btn-primary-o radius-10 pd-15" type="button" value="按钮一">
            <input class="btn radius-10 btn-secondary-o pd-15" type="button" value="按钮二">
            <input class="btn btn-success-o radius-10 pd-15" type="button" value="按钮三">
            <input class="btn radius-10 btn-warning-o pd-15" type="button" value="按钮四">
            <input class="btn btn-danger-o radius-10 pd-15" type="button" value="按钮五">
            <input class="btn btn-yellow-o radius-10 pd-15" type="button" value="按钮六">
            <input class="btn btn-green-o radius-10 pd-15" type="button" value="按钮七">
            <input class="btn btn-ash-o radius-10 pd-15" type="button" value="按钮八">
            <input class="btn btn-blue-o radius-10 pd-15" type="button" value="按钮九">
            <input class="btn btn-white-o radius-10 pd-15" type="button" value="按钮十">
            <input class="btn disabled-o radius-10 pd-15" type="button" value="禁用">
        

带图标的按钮

图标一 图标二 图标三 图标四 图标五 图标六

		
		<button class="btn btn-primary radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe604;</i>图标一</button>
		<button class="btn btn-secondary radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe683;</i>图标二</button>
		<button class="btn btn-warning radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe603;</i>图标三</button>
		<button class="btn btn-danger radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe60e;</i>图标四</button>
		<button class="btn btn-yellow radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe672;</i>图标五</button>
		<button class="btn btn-ash-o radius-10 pd-15 f-16" type="button"><i class="icon YIQI-UI-iconfont mr-5">&#xe6a6;</i>图标六</button>
        

按钮组（直角）

		
            <input class="btn-l pd-15" type="button" value="左侧">
            <input class="btn-c pd-15" type="button" value="中间">
            <input class="btn-c pd-15" type="button" value="中间2">
            <input class="btn-r pd-15" type="button" value="右侧">
        

按钮组（圆角）

		
            <input class="btn-l pd-15 btn-lr-10" type="button" value="左侧">
            <input class="btn-c pd-15" type="button" value="中间">
            <input class="btn-r pd-15 btn-rr-10" type="button" value="右侧">
        

CSS3按钮

BUY NOW BUY NOW BUY NOW BUY NOW BUY NOW BUY NOW DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD DOWNLOAD SIGN UP SIGN UP SIGN UP SIGN UP SIGN UP SIGN UP LEARN MORE LEARN MORE LEARN MORE LEARN MORE LEARN MORE LEARN MORE GO BACK GO BACK GO BACK GO BACK GO BACK GO BACK

<button type="button" class="button ml-25 mr-25 mt-30 gray">BUY NOW</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black">BUY NOW</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red">BUY NOW</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow">BUY NOW</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green">BUY NOW</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue">BUY NOW</button>  

<button type="button" class="button ml-25 mr-25 mt-30 gray round">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black round">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red round">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow round">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green round">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue round">DOWNLOAD</button>  

<button type="button" class="button ml-25 mr-25 mt-30 gray side">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black side">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red side">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow side">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green side">DOWNLOAD</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue side">DOWNLOAD</button>  

<button type="button" class="button ml-25 mr-25 mt-30 gray tags">SIGN UP</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black tags">SIGN UP</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red tags">SIGN UP</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow tags">SIGN UP</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green tags">SIGN UP</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue tags">SIGN UP</button>  

<button type="button" class="button ml-25 mr-25 mt-30 gray rarrow">LEARN MORE</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black rarrow">LEARN MORE</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red rarrow">LEARN MORE</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow rarrow">LEARN MORE</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green rarrow">LEARN MORE</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue rarrow">LEARN MORE</button>  

<button type="button" class="button ml-25 mr-25 mt-30 gray larrow">GO BACK</button>  
<button type="button" class="button ml-25 mr-25 mt-30 black larrow">GO BACK</button>  
<button type="button" class="button ml-25 mr-25 mt-30 red larrow">GO BACK</button>  
<button type="button" class="button ml-25 mr-25 mt-30 yellow larrow">GO BACK</button>  
<button type="button" class="button ml-25 mr-25 mt-30 green larrow">GO BACK</button>  
<button type="button" class="button ml-25 mr-25 mt-30 blue larrow">GO BACK</button>