1.先创建App_Themes文件夹 2.在App_Themes下创建一个Red文件夹,在Red文件夹下创建一个Lable.skin皮肤文件,在此皮肤文件中写入label标签的样式 例如:<asp:label runat="server" font-bold="true" forecolor="red" /> <asp:label runat="server" SkinID="Blue" font-bold="true" forecolor="blue" /> 3..在App_Themes下创建一个Yellow文件夹,在Yellow文件夹下创建一个Lable.skin皮肤文件,在此皮肤文件中写入label标签的样式 <asp:label runat="server" forecolor="yellow" /> <asp:label runat="server" SkinID="Blue" forecolor="sliver" />
4.在页面中应用样式 在Page指令中加入Theme="样式名(Red)" 若希望整个程序都使用Red这个样式 则需在web.config文件中加入 <system.web> <pages theme="red"></pages> </system.web>
5.编码上切换样式方法 需在页面的PreInit事件中设置 protected void Page_PreInit(object sender, EventArgs e) { switch (Request.QueryString["theme"]) { case "Blue": Page.Theme = "SkinFile"; break; case "Yellow": Page.Theme = "Yellow"; break; default : Page.Theme = "SkinFile"; break; } }
6.页面中控件使用样式 页面中默认情况下 所有label均使用未加SkinID的样式 若希望给label加入指定样式需在<asp:Label ID="Label2" runat="server" Text="Label" SkinID="Blue"></asp:Label>