表格设计:
前台代码:
<div>
<table style="background-color:lightblue;width:600px;background-position:center; margin-bottom: 15px;">
<tr>
<td class="style2"><label id="label1" style="background-color:Green">留言板<br /></label></td>
<td >
<table style="width:100%">
<tr>
<td style="width:30%"><asp:Label ID="Label3" runat="server" Text="用户名">用户名:</asp:Label></td>
<td style="width:70%">
<asp:TextBox ID="usernameTextBox2" runat="server" Width="222px"></asp:TextBox>
</td>
</tr>
<tr>
<td><asp:Label ID="Label4" runat="server" Text="密码:">密码:</asp:Label></td>
<td>
<asp:TextBox ID="passwordTextBox3" runat="server"TextMode="Password" Width="220px"></asp:TextBox>
<asp:LinkButton ID="LinkButton1" runat="server">点击注册</asp:LinkButton>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="style1"><label id="label2">你的意见和反馈:</label></td>
<td class="style3">
<asp:TextBox ID="messageTextBox1" runat="server" Width="400px" Height="100px" TextMode="MultiLine"></asp:TextBox>
</td>
</tr>
</table>
</div>
界面设计:
美化后的界面如下:
可能出现的问题解决: