一个页面根据功能划分为不同的块的样式显示

形如下图：



代码样式如下：

<div style="border: 1px solid #aaa; margin: 10px 10px; width: 870px; margin: 10px auto;

text-align: left">

<p style="width: 80px; background: #fff; font-size: 12px; font-weight: bold; color: #055685;

position: relative; top: -8px; left: 5px; text-align: center">

诊疗信息</p>

<br />

<ul style="margin-top: -10px; margin-bottom: 10px;">

<li>

<div class="top" style="width: 850px;">

<table width="100%">

<tr>

<td style="text-align: right">

<span style="letter-spacing: 8px">患者类</span>型：

</td>

<td>

<p>

<asp:DropDownList ID="ddlPatType" runat="server" Height="25px" Width="155px" onKeyDown="enterToTab()">

</asp:DropDownList>

<span style="color: red;">*</span>

</p>

</td>

<td class="style1" style="text-align: right">

病历号：

</td>

<td class="style1">

<asp:TextBox ID="txtHospNO" runat="server" class="gh" MaxLength="20" onKeyDown="enterToTab()"></asp:TextBox>

</td>

<td style="text-align: right">

<span style="letter-spacing: 4px">所在科</span>室：

</td>

<td>

<asp:DropDownList ID="ddlDepartment" runat="server" Height="23px" Width="155px" onKeyDown="enterToTab()">

</asp:DropDownList>

</td>

</tr>

<tr>

<td style="text-align: right" class="style3">

主治医生：

</td>

<td style="position: relative">

<asp:TextBox ID="txtDoctorName" runat="server" MaxLength="20" class="gh" Width="110px"

onKeyDown="enterToTab()" ReadOnly="true"></asp:TextBox>

<a onclick="openWin('DoctorInfoFrmCheck.aspx?type=<%=type %>')" style="color: #fff;

text-align: center; background: url(../images/zgc.png) no-repeat; cursor: pointer; display: block; width: 35px; height: 26px; line-height: 26px; position: absolute; right: 40px; top: 7px;" id="check">选</a>

</td>

<td style="text-align: right" class="style1">

病区：

</td>

<td class="style1">

<p>

<asp:DropDownList ID="ddlWard" runat="server" Height="23px" Width="155px" DataValueField="WardID"

DataTextField="WardName" onKeyDown="enterToTab()">

</asp:DropDownList>

</p>

</td>

<td style="text-align: right" class="style1">

床位：

</td>

<td class="style1">

<p>

<asp:DropDownList ID="ddlBed" runat="server" Height="23px" Width="155px" DataValueField="BedID"

DataTextField="BedName" onKeyDown="enterToTab()">

</asp:DropDownList>

</p>

</td>

</tr>

<tr>

<td style="text-align: right" class="checkk">

<asp:CheckBox ID="cbCCRT" runat="server" onKeyDown="enterToTab()" />

</td>

<td>

<p>

CCRT

</p>

</td>

<td style="text-align: right" class="style1">

传染病类型：

</td>

<td class="style1">

<p>

<asp:DropDownList ID="ddlInfectionType" runat="server" Height="23px" Width="155px"

onKeyDown="enterToTab()">

</asp:DropDownList>

</p>

</td>

<td class="style2" style="text-align: right">

当前治疗状态：

</td>

<td>

<p>

<asp:DropDownList ID="ddlZLZT" runat="server" Height="25px" Width="155px" onKeyDown="enterToTab()">

</asp:DropDownList>

</p>

</td>

</tr>

</table>

</div>

</li>

</ul>

</div>

<div style="border: 1px solid #aaa; width: 870px; margin: 10px auto; text-align: left">

<p style="width: 80px; background: #fff; font-size: 12px; font-weight: bold; color: #055685;

position: relative; top: -8px; left: 5px; text-align: center">

备注

</p>

<div style="margin-bottom: 10px;">

<asp:TextBox ID="txtRemark" runat="server" Style="width: 840px; height: 60px; margin-left: 10px"

TextMode="MultiLine" MaxLength="1000" onKeyDown="enterToTab()"></asp:TextBox></div>

</div>