Label控件

1Label控件的概述

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

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属性为stylecsstylecs为样式名)。

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

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

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

程序实现的主要步骤:

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

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