先上效果图片吧:
代码如下:
<table style='-moz-user-select:none;' border='0' cellpadding='0' cellspacing='0' width='300px'>
<tr style='cursor:move;'>
<td width='13' height='33' style="background-image:url(images/dialog_lt.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_lt.png', sizingMethod='crop');"><div style='width:13px;'></div></td>
<td height='33' style="background-image:url(images/dialog_ct.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_ct.png', sizingMethod='crop');"><div style="float:left;font-weight:bold; color:#FFFFFF; padding:9px 0 0 4px;"><img src="images/icon_dialog.gif" align="absmiddle">提示信息</div>
<div style="position: relative;cursor:pointer; float:right; margin:5px 0 0; _margin:4px 0 0;height:17px; width:28px; background-image:url(images/dialog_closebtn.gif)" onMouseOver="this.style.backgroundImage='url(images/dialog_closebtn_over.gif)'" onMouseOut="this.style.backgroundImage='url(images/dialog_closebtn.gif)'" drag='false'></div></td>
<td width='13' height='33' style="background-image:url(images/dialog_rt.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_rt.png', sizingMethod='crop');"><div style="width:13px;"></div></td>
</tr>
<tr ><td width='13' style="background-image:url(images/dialog_mlm.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_mlm.png', sizingMethod='crop');"></td>
<td align='center' valign='top'>
<table width='100%' style=" height:100%;" border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'>
<tr id='_MessageRow_1' style='display:none'>
<td height='50' valign='top'><table id='_MessageTable_1' width='100%' border='0' cellspacing='0' cellpadding='8' style=" background:#EAECE9 url(images/dialog_bg.jpg) no-repeat right top;">
<tr><td width='25' height='50' align='right'><img id='_MessageIcon_1' src='images/window.gif' width='32' height='32'></td>
<td align='left' style='line-height:16px;'>
<h5 class='fb' id='_MessageTitle_1'></h5>
<div id='_Message_1'></div></td>
</tr></table></td></tr>
<tr><td align='center' valign='top'>
<iframe id='_DialogFrame_1' width='100%' height='100%' frameborder='0' style="background-color: #transparent; border:none;"></iframe></td></tr>
<tr id='_ButtonRow_1'><td height='36'>
<div id='_DialogButtons_1' style='text-align:center; border-top:#dadee5 1px solid; padding:8px 20px; background-color:#f6f6f6;'>
<input id='_ButtonOK_1' type='button' value='确 定'/>
<input id='_ButtonCancel_1' type='button' value='取 消'/>
</div></td></tr>
</table></td>
<td width='13' style="background-image:url(images/dialog_mrm.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_mrm.png', sizingMethod='crop');"></td></tr>
<tr><td width='13' height='13' style="background-image:url(images/dialog_lb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_lb.png', sizingMethod='crop');"></td>
<td style="background-image:url(images/dialog_cb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_cb.png', sizingMethod='crop');"></td>
<td width='13' height='13' style="background-image:url(images/dialog_rb.png) !important;background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dialog_rb.png', sizingMethod='crop');"></td>
</tr></table>
设计到图片下载地址:稍后更新