asp.net2.0中为主题添加CSS样式
为主题添加CSS样式
主题还可以包含级联样式表(.css文件)。将.css文件放在主题目录中时,样式表自动作为主题的一部分应用。.css样式在主题文件夹中主要用于设置页面和普通HTML控件的外观样式,例如,设置页面的背景颜色和普通文本的字体等。下面通过一个简单示例说明为主题添加CSS文件的方法。
示例
为主题添加CSS文件
本示例实现的内容包括为页面背景、页面中普通文字、超级链接文本以及HTML提交按钮创建样式,示例运行结果如图1所示。

图1为主题添加CSS文件示例图
页面中共有4处被设置了样式,即页面背景、页面中普通文字、超级链接文本以及HTML提交按钮。在主题文件夹mytheme中,创建的CSS文件myStyle.css的源代码如下:
body
{
background-color :Silver ;
}
A:visited
{
color :Blue ;
text-decoration :underLine;
background-position:center ;
}
A:hover
{
color:Red ;
text-decoration :none;
background-position:center;
vertical-align :middle ;
}
font
{
font-family :宋体;
font-size :12pt;
color:Black ;
}
INPUT
{
background-color:Transparent ;
}
注意:
① 主题中的CSS文件与普通的CSS文件没有任何区别,但主题中包含的CSS文件主要针对页面和普通的HTML控件进行设置。
② 主题中的CSS文件必须保存在主题文件夹中。
在Default.aspx页面中,应用主题中的CSS文件样式的源代码如下:
<%@ Page Language="C#" AutoEventWireup="True" CodeFile="Default.aspx.cs" Inherits="_Default" Theme ="mytheme" %>
无标题页注意:
① 应用主题中的CSS样式,需要在<%@ Page%>标签中设置Theme属性值为主题名。
② 必须保证在页面头部定义,否则,主题中的CSS文件将无法正常应用。
完整程序代码如下:
★ ★★★★Default.aspx代码文件完整程序代码★★★★★
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Theme ="mytheme" %>
无标题页★ ★★★★Default.aspx.cs代码文件完整程序代码★★★★★
using System;
using System.Data;
using System.Configuration;