### Label 控件

#### 1．Label 控件的概述

Label 控件又称标签控件，主要用于显示用户不能编辑的文本，如标题或提示等。图 1 为 Label 控件。

图 1 Label 控件

Label 控件常用的属性如表 1 所示。

表 1 Label 控件常用属性及说明

属性 | 说明
ID | 控件的 ID 名称，Label 控件的唯一标志
Text | 控件显示的文本
Width | 控件的宽度
Height | 控件的高度
Visible | 控件是否可见
CssClass | 控件呈现的样式
BackColor | 控件的背景颜色
BorderColor | 控件的边框颜色
BorderWidth | 控件的边框宽度
Font | 控件中文本的字体
ForeColor | 控件中文本颜色
Enabled | 控件是否可用

#### 2．设置 Label 控件的外观

设置 Label 控件的外观，常用的方法有两种，即通过属性窗口设置和通过引用 CSS 样式设置。下面分别来介绍一下：

（1）通过属性窗口设置 Label 控件的外观

通过属性窗口设置 Label 控件的外观，只须更改 Label 控件的外观属性即可。具体属性的设置及其效果如图 2 所示。

图 2 通过属性窗口设置 Label 控件的外观

注意：

（1）通过属性窗口设置 Label 控件的外观，也可以通过 HTML 代码实现，实现代码如下：

<asp:Label ID="Label1" runat="server" BackColor="Red" BorderColor="#400040" BorderWidth="2px" Font-Bold="True" ForeColor="Chartreuse" Height="20px" Text="Label 控件外观设置示例" Width="187px"></asp:Label>

（2）以下所有控件的外观属性都可以通过属性对话框进行设置，以后将不再赘述。

（2）通过引用 CSS 样式设置 Label 控件的外观

下面示例主要通过引用 CSS 样式设置 Label 控件的外观。示例运行结果如图 3 所示。

图 3 通过引用 CSS 样式设置 Label 控件的外观

程序实现的主要步骤：

（1）新建一个网站，默认主页为 Default.aspx，在 Default.aspx 页面上添加一个 Label 控件。

（2）在该网站上单击鼠标右键，在弹出的菜单栏中，选择“添加新项”，将会弹出“添加新项”窗口，在该窗口中选择“样式表”，默认名为 StyleSheet.css，单击【添加】按钮，为该网站添加一个 CSS 样式文件，在该文件中添加如下代码，为 Label 控件设置外观样式。

.stylecs

{

background-color:Yellow;

font-style:oblique;

font-size:medium;

border :2px;

border-color:Black ;

}

（3）将 Default.aspx 页切换到 HTML 视图中，在“<head></head>”节中编写如下代码，引用已编写好的 CSS 样式文件。

<link href="stylecs.css" rel="stylesheet" type="text/css"/>

（4）在属性窗口中，设置 Label 控件的 CssClass 属性为 stylecs（stylecs 为样式名）。

#### 3．使用 Label 控件显示文本信息

下面示例主要通过设置 Label 控件的 Text 属性，显示静态的文本信息，如显示“明日网站欢迎您的光临”字样。示例运行结果如图 4 所示。

图 4 使用 Label 控件显示文本信息

程序实现的主要步骤：

（1）新建一个网站，默认主页为 Default.aspx，在 Default.aspx 页面上添加一个 Label 控件。

（2）打开属性窗口，设置 Label 控件的 Text 属性值为“明日网站欢迎您的光临”，并对 Label 控件的外观属性进行适当的修改。