css样式DEMO

1、

 

<!-- 导入框 -->
	<div id="importWin" class="easyui-window" title="服务封装清单导入" style="width:600px;height:200px" data-options="iconCls:'ope-import',modal:true,collapsible:false,minimizable:false,maximizable:false,resizable:false,closed:true">  
        <div style="margin-left: 5px;margin-right: 5px;margin-top: 5px;">
        	<div class="data-tips-info">
        		<div class="data-tips-tip icon-tip"></div>
        		请导入封装清单Excel文件
        	</div>
			<form id="form_upload" method="post" action="esbService/uploadTemplet.do" enctype="multipart/form-data">
				<table class="tableForm_L" style="margin-top: 3px" width="99%" border="0" cellpadding="0" cellspacing="1">
					<tr>
						<td>
							<div id="filediv">请选择文件&nbsp;&nbsp;&nbsp;
							<input id="file_templet" type="file" name="file" style="width: 280px;" class="easyui-validatebox" required="true" missingMessage="请选择一个文件" /></div>
						</td>
					</tr>
				</table>
				<table width="100%" style="margin-top: 5px" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td align="right">
							<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-bulkUpload'" onclick="btn_import()">导入</a>
							<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-empty'" onclick="clearImport()">清除</a>
							<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-cancel'" onclick="cancelImport()">取消</a>
						</td>
					</tr>
				</table>
			</form>
        </div>  
	</div>

 

.data-tips-info {
margin: 5px;
background: #FFFEE6;
color: #8F5700;
padding: 12px;
}

 

2、

 

<div id="showDiv" style="display:none;">
				<div id="pwdDialog" class="easyui-dialog" title="修改密码" style="width: 400px; height: 180px;"
					data-options="iconCls:'pag-list',modal:true,collapsible:false,minimizable:false,maximizable:false,resizable:false,closed:true">
					<input type="hidden" id="userId">
					
					<!-- <div class="easyui-layout" data-options="fit:true" style="width: 98%; height: 98%;" align="center" id="pwdLayout">
						<div data-options="region:'north',border:false" style="height: 10px;"></div>
						<div data-options="region:'center',border:true"> -->
						<table class="tableForm_L" style="margin: 6px; width: 97%" border="0" cellpadding="0" cellspacing="1">
							<tr>
								<td>
									<form id="pwdForm" method="post">
										<table style="text-align: right;" align="center">
											<tr>
												<td>请输入原密码</td>
												<td style="text-align: left; padding-left: 10px;"><input type="password" id="userPassword" name="userPassword" class="easyui-validatebox"
													data-options="required:true" validType="checkPassword"/>
												</td>
											</tr>
											<tr>
												<td>请输入新密码</td>
												<td style="text-align: left; padding-left: 10px;"><input type="password" id="newPassword" name="newPassword" class="easyui-validatebox"
													data-options="required:true" />
												</td>
											</tr>
											<tr>
												<td>请确认输入新密码</td>
												<td style="text-align: left; padding-left: 10px;"><input type="password" id="reNewPassword" name="reNewPassword"
													class="easyui-validatebox" data-options="required:true"  validType="equalTo['newPassword']" />
												</td>
											</tr>
										</table>
									</form>
								</td>
							</tr>
						</table>
						<!-- </div>
						<div data-options="region:'south',border:false" style="height: 50px; text-align: right;vertical-align: middle;"> -->
							<div id="pwdBtn" style="height: 20%; padding-right: 3px; text-align:right;">
								<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-finish'" onclick="commitPwd();">确定</a>
								<a href="#" class="easyui-linkbutton" data-options="iconCls:'ope-cancel'" onclick="pwdDialogCancel()">取消</a>
							</div>
						<!-- </div> -->
					</div>
				</div>
			</div>

 ..