代码：
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>学生管理主界面</title> <!-- 引入EasyUI资源文件 --> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css"> <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script></head><body></body></html>现在，我们来画四个按钮：
<!-- 工具栏 --> <div id="toolbar"> <a href="javascript:openUserAddPage()" class="easyui-linkbutton" iconCls="icon-add" >新增用户</a> <a href="javascript:openUserModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" >编辑用户</a> <a href="javascript:delUser()" class="easyui-linkbutton" iconCls="icon-remove">删除用户</a> <a href="javascript:resetPassword()" class="easyui-linkbutton" iconCls="icon-modifyPassword">密码重置</a> </div>可以看到每一个按钮都是用a标签来做的，我们给每一个a标签添加一个 easyui-linkbutton 的class，就可以实现这一效果：
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。