首页>教程>ASP.NET教程>ASP.NET Style 控件

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

ASP.NET Style 控件

ASP.NET Style 控件用于设置 web 控件的样式

属性

属性描述.NET
BackColor控件的背景色1.0
BorderColor控件的边框色1.0
BorderStyle控件的边框样式1.0
BorderWidth控件的边框宽度1.0
CssClass由 Web 服务器控件在客户端呈现的 CSS(级联样式表)类1.0
Font控件的字符属性1.0
ForeColor控件的前景色(通常是文本颜色)1.0
Height控件的高度1.0
RegisteredCssClass已向控件注册的 CSS(级联样式表)类2.0
Width控件的宽度1.0

ASP.NET BackColor 属性

ASP.NET BackColor 属性用于设置或返回控件的背景颜色

语法

<asp:webcontrol id="id" BackColor="color" runat="server" />
属性描述
color设置为控件的背景颜色的颜色
必须是合法的 HTML 颜色

范例

下面的范例设置了按钮的背景颜色

<form runat="server">
<asp:Button id="button1" Text="Submit" BackColor="#FFCC80" runat="server" />
</form>

ASP.NET BorderColor 属性

ASP.NET BorderColor 属性用于设置或返回控件的边框颜色

语法

<asp:webcontrol id="id" BorderColor="color" runat="server" />
属性描述
color设置为控件的边框颜色的颜色
必须是合法的 HTML 颜色

范例

下面的范例设置了表格的边框颜色

<form runat="server">
<asp:Table runat="server" BorderColor="#FF0000"
BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</asp:Table>
</form>

ASP.NET BorderStyle 属性

ASP.NET BorderStyle 属性用于设置或返回控件的边框样式

语法

<asp:webcontrol id="id" BorderStyle="style" runat="server" />

可能的样式值

描述
NotSet未设置边框样式
None定义无边框
Dotted定义点状边框
Dashed定义虚线边框
Solid定义实线边框
Double定义双实线边框。两条边框的宽度与 border-width 的值相同
Groove定义 3D 凹槽边框。其效果取决于 border-color 的值
Ridge定义 3D 垄状边框。其效果取决于 border-color 的值
Inset定义 3D 内嵌边框。其效果取决于 border-color 的值
Outset定义 3D 外嵌边框。其效果取决于 border-color 的值

范例

下面的范例设置了表格的边框样式

<form runat="server">
<asp:Table runat="server" BorderStyle="dotted"
BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</asp:Table>
</form>

ASP.NET BorderWidth 属性

ASP.NET Style 控件的 BorderWidth 属性用于设置或返回控件的边框宽度

语法

<asp:webcontrol id="id" BorderWidth="length" runat="server" />
属性描述
length边框的宽度。必须是合法的 .NET 长度单位
合法的长度单位是:cm、mm、in、pt、pc 或 px

范例

下面的范例设置了表格的边框宽度

<form runat="server">
<asp:Table runat="server" BorderWidth="5" GridLines="vertical">
  <asp:TableRow>
    <asp:TableCell>Hello</asp:TableCell>
    <asp:TableCell>World</asp:TableCell>
  </asp:TableRow>
</asp:Table>
</form>

ASP.NET Style 控件 CssClass 属性

ASP.NET Style 控件的 CssClass 用于向控件设置或返回 CSS 样式类

语法

<asp:webcontrol id="id" CssClass="style" runat="server" />
属性描述
style字符串值,规定在控件上使用的 CSS 类

范例

下面的范例向按钮设置了 CSS 样式

<style>
.TestStyle
  {
  font: 12pt verdana;
  font-weight:700;
  color:orange;
  }
</style>
<form runat="server">
<asp:Button id="Button" CssClass="TestStyle" Text="Submit" runat="server"/>
</form>

ASP.NET Style 控件 Font 属性

ASP.NET Style 控件的 Font 属性用于设置或返回控件的字体

语法

<asp:webcontrol id="id" font-subproperty="value" runat="server"/>

subproperty 字体子属性

描述
Bold粗体子属性。可能的值是:TRUE 或 FALSE
Italic斜体子属性。可能的值是:TRUE 或 FALSE
Name字体名称属性(比如:”Verdana” 或 “Arial”)
当设置了该属性,则通过带有 Name 属性的值的单个元素数组来自动更新 Names 属性
Names字体名称的数组。当您设置了该属性,则使用该数组中的第一个元素来自动更新 Name 属性
Strikeout删除线子属性。可能的值是:TRUE 或 FALSE
Underline下划线子属性。可能的值是:TRUE 或 FALSE
Size字体尺寸子属性。规定字体尺寸

范例

下面的范例设置了 Button 控件的字体

<form runat="server">
<asp:Button id="Button1" Text="Submit" Font-Name="Verdana" Font-Size="15" runat="server"/>
</form>

ASP.NET Style 控件 ForeColor 属性

ASP.NET Style 控件的 ForeColor 属性用于设置或返回控件的前景颜色(通常是文本的颜色)

语法

<asp:webcontrol id="id" ForeColor="color" runat="server" />
属性描述
color设置为控件的前景颜色的颜色
必须是合法的 HTML 颜色

范例

下面的范例设置了按钮的前景颜色

<form runat="server">
<asp:Button id="button1" Text="Submit" ForeColor="#FF0000" runat="server" />
</form>

ASP.NET Style 控件 Height 属性

ASP.NET Style 控件的 Height 属性用于设置或返回控件的高度

语法

<asp:webcontrol id="id" Height= "value" runat="server" />
属性描述
value控件的高度。必须是像素值,或表示父对象高度的百分比值

范例

下面的范例设置了 Button 控件的高度

<form runat="server">
<asp:Button id="button1" Text="Submit" Height="50px" runat="server" />
</form>

ASP.NET Style Width 属性

ASP.NET Style 控件的 Width 属性用于设置或返回控件的宽度

语法

<asp:webcontrol id="id" Width="value" runat="server" />
属性描述
value控件的宽度。必须是像素值,或表示父对象宽度的百分比值

范例

下面的范例设置了 Button 控件的宽度

<form runat="server">
<asp:Button id="button1" Text="Submit" Width="150px" runat="server" />
</form>
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索