简化的EasyUI带图标按钮

2014-12-14 0 908
简化的EasyUI带图标按钮
<html>
<head>
<style type="text/css">
	a.l-btn span.l-btn-left{
		display:inline-block;
		background:url('button_span_bg.gif') no-repeat top left;
		padding:4px 0px 4px 18px;
		line-height:16px;
		height:16px;
	}
	a.l-btn{
		color:#444;
		background:url('button_a_bg.gif') no-repeat top right;
		font-size:12px;
		text-decoration:none;
		display:inline-block;
		zoom:1;
		height:24px;
		padding-right:18px;
		cursor:pointer;
		outline:none;
	}
	a.l-btn-plain span.l-btn-left{
		background:transparent;
		padding-left:5px;
	}
	a.l-btn span span.l-btn-text{
		display:inline-block;
		height:16px;
		line-height:16px;
		padding:0px;
	}
	.icon-add{
		background:url('edit_add.png') no-repeat;
	}
</style>
</head>
<body>
	<a class="l-btn" href="#" rel="external nofollow" >
		<span class="l-btn-left">
			<span class="l-btn-text icon-add" style="padding-left: 20px;">Add</span>
		</span>
	</a>
</body>
</html>

遇见资源网 html 简化的EasyUI带图标按钮 http://www.ox520.com/13892.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务