Label控件又称标签控件,主要用于显示用户不能编辑的文本,如标题或提示等。图1为Label控件。
![]()
图1 Label控件
Label控件常用的属性如表1所示。
表1 Label控件常用属性及说明
|
属性 |
说明 |
|
ID |
控件的ID名称,Label控件的唯一标志 |
|
Text |
控件显示的文本 |
|
Width |
控件的宽度 |
|
Height |
控件的高度 |
|
Visible |
控件是否可见 |
|
CssClass |
控件呈现的样式 |
|
BackColor |
控件的背景颜色 |
|
BorderColor |
控件的边框颜色 |
|
BorderWidth |
控件的边框宽度 |
|
Font |
控件中文本的字体 |
|
ForeColor |
控件中文本颜色 |
|
Enabled |
控件是否可用 |
设置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为样式名)。
下面示例主要通过设置Label控件的Text属性,显示静态的文本信息,如显示“明日网站欢迎您的光临”字样。示例运行结果如图4所示。

图4 使用Label控件显示文本信息
程序实现的主要步骤:
(1)新建一个网站,默认主页为Default.aspx,在Default.aspx页面上添加一个Label控件。
(2)打开属性窗口,设置Label控件的Text属性值为“明日网站欢迎您的光临”,并对Label控件的外观属性进行适当的修改。