先看如下代码，代码放在.aspx文件中。注意看代码中定义的3个样式和三个表格，样式中2个通过ID的方式定义，1个通过类的方式定义。3个表格中，第一个表格是一个HTML控件，显然，它既支持ID的方式定义的css样式，也支持类的方式定义的样式。第2和第3个表格是ASP.NET的WEB控件，它有时候不支持ID方式定义的样式表，但一般通过类的方式定义的样式表都支持。
所以写代码的时候遇到WEB控件不支持ID定义的css样式表的时候，不妨将ID定义样式表的方式换成类的定义方式。
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<%----------------------------------------代-----码----分----割----线--------------------------------------------%>
<style type="text/css">
#tb_html
{
width:100px;
height:100px;
background-color:#00ff00;
}
#tb_web
{
width:100px;
height:100px;
background-color:#ff0000;
}
.tb_web2
{
width:100px;
height:100px;
background-color:#0000ff;
}
</style>
<%----------------------------------------代-----码----分----割----线--------------------------------------------%>
</head>
<body>
<form id="form1" runat="server">
<div>
<%----------------------------------------代-----码----分----割----线--------------------------------------------%>
<table id="tb_html">
<tr>
<td>
</td>
</tr>
</table>
<asp:Table runat="server" ID="tb_web">
<asp:TableRow>
<asp:TableCell>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:Table runat="server" CssClass="tb_web2">
<asp:TableRow>
<asp:TableCell>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<%----------------------------------------代-----码----分----割----线--------------------------------------------%>
</div>
</form>
</body>
</html>
时间： 2024-10-22 15:20:00