漂亮的dialog

先上效果图片吧：

代码如下：

<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>

设计到图片下载地址：稍后更新