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

形如下图：

代码样式如下：

 

<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 οnclick="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>