1、创建皮肤文件SkinFile.skin,具体内容如:
<%-- 默认的外观模板。以下外观仅作为示例提供。 1. 命名的控件外观。SkinId 的定义应唯一,因为在同一主题中不允许一个控件类型有重复的 SkinId。 <asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White" > <AlternatingRowStyle BackColor="Blue" /> </asp:GridView> 2. 默认外观。未定义 SkinId。在同一主题中每个控件类型只允许有一个默认的控件外观。 <asp:Image runat="server" ImageUrl="~/images/image1.jpg" /> --%> <asp:Button SkinId="Query" runat="server" Text="查 询" CssClass="normalBtn"/>
2、创建样式文件StyleSheet.css,具体内容如下:
body { } .normalBtn { border-style: none; border-color: inherit; border- medium; 70px; height: 22px; font-size:12px; }
3、页面引用主题皮肤,有两种引用方式:一种在页面的Page中添加Theam="Default"(Default代表皮肤文件所在的文件夹,一般创建主题默认为Default),另一种方式是在WebConfig的systemweb的节点中添加<pages theme="Default"></pages>。如果采用第二种方式,但页面不想 引用样式,可以在Page中添加EnableTheming=false
4、页面按钮使用方式代码如下:
<asp:Button ID="Btn_Success" runat="server" SkinID="Query"/>
以上就是完成了简单皮肤使用,如果想定义其他控件样式,方式如上定义。。。