图标必须会意直观。
| 图标 | 描述 |
|---|---|
 |
用户名 |
 |
密码 |
 |
编辑 |
 |
查找 |
 |
删除 |
 |
流程图 |
 |
日历 |
 |
联想图标 |
 |
关闭页签默认状态 |
 |
关闭页签当前状态 |
 |
关闭页签触发状态 |
样例
表格操作图标
css配置
.li30 .addr_modify{background:transparent url(../images/dms3/modify.png) no-repeat scroll 0 0px;display:inline-block;height:17px;width:20px;float:left;margin:6px 1px 0px 5px;}
.li30 .addr_view{background:transparent url(../images/dms3/view.png) no-repeat scroll 0 0px;display:inline-block;height:17px;width:20px;float:left;margin:6px 1px 0px 5px;}
.li30 .addr_delete{background:transparent url(../images/dms3/delete.png) no-repeat scroll 0 0px;display:inline-block;height:17px;width:20px;float:left;margin:6px 1px 0px 5px;}
.li30 .addr_flow{background:transparent url(../images/dms3/flow.png) no-repeat scroll 0 0px;display:inline-block;height:17px;width:20px;float:left;margin:6px 1px 0px 5px;}
说明
引用到的图标放置在images文件；宽20像素；高17像素；图标靠左浮动；图标外边距上6像素、右1像素、左5像素。
表单内图标
页签关闭图标
css配置
#main .main-right .tab li .tab-close{width:7px;height:7px;background:transparent url(../images/dms3/close.png) no-repeat scroll 0 0px;position:absolute;top:6px;right:6px;}
#main.main-right.tab li.tab-close:HOVER{width:13px;height:13px;background:transparent url(../images/dms3/close_on3.png) no-repeat scroll 0 0px;position:absolute;top:3px;right:3px;}
#main .main-right .tab .on .close_on{width:7px;height:7px;background:transparent url(../images/dms3/close_on.png) no-repeat scroll 0 0px;position:absolute;top:6px;right:6px;}
说明
关闭按钮用close.png图片；绝对定位上6像素、右6像素；
关闭按钮鼠标移入用close_on3.png图片；绝对定位上3像素、右3像素；
关闭按钮用close_on.png图片；绝对定位上6像素、右6像素；