easyui图标大全

最新推荐文章于 2019-08-20 10:42:33 发布

最新推荐文章于 2019-08-20 10:42:33 发布 · 2.3k 阅读

文章标签：

#javascript #ViewUI

js 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了使用 CSS 定义图标样式的具体方法，通过不同的背景图片实现多种图标效果，适用于网页开发中各类按钮和链接的美化。

 
 .icon-blank{

background:url('icons/blank.gif') no-repeat;
}
.icon-add{

background:url('icons/edit_add.png') no-repeat;
}
.icon-edit{

background:url('icons/pencil.png') no-repeat;
}
.icon-remove{

background:url('icons/edit_remove.png') no-repeat;
}
.icon-save{

background:url('icons/filesave.png') no-repeat;
}
.icon-cut{

background:url('icons/cut.png') no-repeat;
}
.icon-ok{

background:url('icons/ok.png') no-repeat;
}
.icon-no{

background:url('icons/no.png') no-repeat;
}
.icon-cancel{

background:url('icons/cancel.png') no-repeat;
}
.icon-reload{

background:url('icons/reload.png') no-repeat;
}
.icon-search{

background:url('icons/search.png') no-repeat;
}

.icon-print{

background:url('icons/print.png') no-repeat;
}

.icon-help{

background:url('icons/help.png') no-repeat;
}
.icon-undo{

background:url('icons/undo.png') no-repeat;
}
.icon-redo{

background:url('icons/redo.png') no-repeat;
}
.icon-back{

background:url('icons/back.png') no-repeat;
}
.icon-sum{

background:url('icons/sum.png') no-repeat;
}
.icon-tip{

background:url('icons/tip.png') no-repeat;
}
.icon-mini-add{

background:url('icons/mini_add.png') no-repeat 2px 2px;
}
.icon-mini-edit{

background:url('icons/mini_edit.png') no-repeat 2px 2px;
}
.icon-mini-refresh{

background:url('icons/mini_refresh.png') no-repeat 3px 2px;
}