在ASP.NET WEB控件中应用样式(Style)

原创 2004年09月23日 14:39:00

翻译: T.T (TPoI)

在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(Style).

 

System.Web.UI.WebControls.Style 类

Style类定义在System.Web.UI.WebControls名字空间, 用来描叙一个WEB服务器控件的样式. 该类的属性可以设置WEB服务器控件的外观, 或者多个WEB服务器控件使用一个通用的外观. 你可以通过这些属性来改变背景色, 前景色, 边框宽度, 边框样式和WEB服务器控件大小. 表1为Style类的属性

表1. Style类的属性

BackColor 获取或设置 Web 服务器控件的背景色
BorderColor 获取或设置 Web 服务器控件的边框颜色
BorderStyle 获取或设置 Web 服务器控件的边框样式
BorderWidth 获取或设置 Web 服务器控件的边框宽度
CssClass 获取或设置由 Web 服务器控件在客户端呈现的 CSS 类 Font 获取与 Web 服务器控件关联的字体属性
ForeColor 获取或设置 Web 服务器控件的前景色(通常是文本颜色)
Height 获取或设置 Web 服务器控件的高度
Width 获取或设置 Web 服务器控件的宽度

System.Web.UI.WebControls.WebControl.ApplyStyle 方法

ApplyStyle方法是把你之前所设置的样式应用到一个Web服务器控件中去. 下面有一小段代码:

WebControl ctrl;
Style s;
// 设置Style的属性
………
// 应用Style
ctrl.ApplyStyle(s);


例子

现在我将用一个例子来讲解如何在WEB服务器控件中应用样式. 在Visual Studio.NET中建立一个WEB应用程序, 在Form中添加3个控件, Button, TextBox, ListBox. 给ListBox中添加一些items(使用Collection属性). 请看图一



现在再创建2个新的方法, CreateStyle和SetControlStyle. CreateStyle方法有7个参数, 为背景色,前景色等传递值. 这个方法返回一个Style的对象

// 这个方法创建一个新的样式

CreateStyle(Color backClr, Color foreClr, int borderWidth, string fntName, int fntSize, bool fntBold, bool fntItalic)
{
Style s = new Style();
s.BackColor = backClr;
s.ForeColor = foreClr;
s.BorderWidth = borderWidth;
s.Font.Name = fntName;
s.Font.Size = fntSize;
s.Font.Bold = fntBold;
s.Font.Italic = fntItalic;
return s;
}



// 这个方法将样式应用到一个WEB服务器控件中
private void SetControlStyle(System.Web.UI.WebControls.WebControl ctrl, Style s)
{
ctrl.ApplyStyle(s);
}



现在将创建按钮的click event

private void Button1_Click(object sender, System.EventArgs e)
{
Style st = CreateStyle(Color.Green, Color.Yellow, 3, "Verdana", 10, true, true);
SetControlStyle(TextBox1, st);
st = CreateStyle(Color.Red, Color.Black, 2, "Verdana", 12, true, true);
SetControlStyle(SetStyleBtn, st);
st = CreateStyle(Color.Blue, Color.Yellow, 2, "Verdana", 12, true, true);
SetControlStyle(ListBox1, st);
}



现在运行程序

为使用Master的ASP.NET Content页面添加CSS样式

使用了Master的ASP.NET Content页面无法直接引用外部样式或内嵌样式,因为CSS样式必须出现在HTML的head标签内,而Content页面自身是不能包含head的。不过通过编程,很容...
  • WNASP
  • WNASP
  • 2007年07月26日 17:21
  • 1569

为使用Master的ASP.NET Content页面添加CSS样式

使用了Master的ASP.NET Content页面无法直接引用外部样式或内嵌样式,因为CSS样式必须出现在HTML的head标签内,而Content页面自身是不能包含head的。不过通过编程,很容...
  • wygyhm
  • wygyhm
  • 2009年05月05日 19:17
  • 1917

ASP.Net WebForm学习笔记:一、aspx与服务器控件探秘

作者:周旭龙 出处:http://edisonchou.cnblogs.com 开篇:毫无疑问,ASP.Net WebForm是微软推出的一个跨时代的Web开发模式,它...
  • u011069590
  • u011069590
  • 2015年09月23日 14:03
  • 805

给服务器控件应用样式

1.控件的常用属性:  AccessKey:允许赋予与Alt键相关的一个字符,这样终端用户就可以使用键盘上的快捷键激活控件了。例如,给Button控件的AccessKey属性赋予K。这样,终端用户就...
  • guozh90
  • guozh90
  • 2011年09月22日 21:39
  • 1434

asp.net为前台Runat="server"控件设置样式和添加属性

前台HTML:                                            后台cs文件          为前台标签添加属性         ...
  • zunguitiancheng
  • zunguitiancheng
  • 2015年04月08日 15:05
  • 1256

在ASP.NET WEB控件中应用样式(Style)[转]

翻译: T.T (TPoI)             在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(Style).         ...
  • hotmail_mk
  • hotmail_mk
  • 2010年03月17日 10:35
  • 174

在ASP.NET WEB控件中应用样式(Style)

在ASP.NET WEB控件中应用样式(Style)  翻译: T.T (TPoI) 在这编文章中, 我将告诉你如何使用.NET FRAMEWORK类库中的WEB类来为WEB服务器控件创建和应用样式(...
  • xuandme000
  • xuandme000
  • 2004年09月24日 17:58
  • 913

asp.net menu 控件样式 范例横向

AccessKey="string"     BackColor="color name|#dddddd"     BorderColor="color name|#dddddd"     Bo...
  • lcnmdfx
  • lcnmdfx
  • 2011年11月14日 20:05
  • 3685

ASP.NET中使用CSS样式

1  使用link标签去调用样式,即调用css文件中的样式,可以直接将CSS文件拖拽到html页的head下面      此方法先加载css,后加载html 网页标题 2 使...
  • taoerit
  • taoerit
  • 2015年09月19日 15:33
  • 4144

Andoroid中控件引用style样式

布局文件中引用样式: 在res----values----styles.xml文件中 match_parent 50dp @c...
  • zhaihaohao1
  • zhaihaohao1
  • 2016年06月07日 17:24
  • 1350
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在ASP.NET WEB控件中应用样式(Style)
举报原因:
原因补充:

(最多只允许输入30个字)