HtmlTable.BgColor Property
Gets or sets the background color of the HtmlTable control.
Assembly: System.Web (in System.Web.dll)
Property Value
Type: System.StringThe background color of the HtmlTable control. The default value is String.Empty, which indicates that this property is not set.
Use the BgColor property to specify the background color of the HtmlTable control. You can specify a color either by name or by using a hexadecimal value, preceded by the pound character (#), in the form #RRGGBB. RR, GG, and BB represent hexadecimal values from 0 to 255 that indicate the red, green, and blue components of a color, respectively. For example, the value #0000FF represents the color blue. It specifies the minimum value (00) for the red and green components, while specifying the maximum value (FF) for the blue component.
The following table shows the sixteen predefined HTML color names and corresponding hexadecimal values that can be used for the BgColor property. For more information on HTML colors, see the World Wide Web Consortium (W3C) Web site.
Color name | Hexadecimal value |
|---|---|
Aqua | #00FFFF |
Black | #000000 |
Blue | #0000FF |
Fuchsia | #FF00FF |
Gray | #808080 |
Green | #008000 |
Lime | #00FF00 |
Maroon | #800000 |
Navy | #000080 |
Olive | #808000 |
Purple | #800080 |
Red | #FF0000 |
Silver | #C0C0C0 |
Teal | #008080 |
White | #FFFFFF |
Yellow | #FFFF00 |
The available colors for use with the BgColor property can be determined from the KnownColor enumeration.
Color names are case-insensitive.
The following code example demonstrates how to use the BgColor property to programmatically control the background color of the HtmlTable control.
<%@ Page Language="VB" AutoEventWireup="True" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> Sub Button_Click(ByVal sender As Object, ByVal e As EventArgs) ' Set the properties of the HtmlTable with the ' user selections. Table1.BgColor = BgColorSelect.Value Table1.Border = CInt(BorderSelect.Value) Table1.BorderColor = BorderColorSelect.Value Table1.Height = HeightSelect.Value Table1.Width = WidthSelect.Value End Sub </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>HtmlTable Example</title> </head> <body> <form id="form1" runat="server"> <h3>HtmlTable Example</h3> <table id="Table1" style="border-width:1; border-color:Black" runat="server"> <tr> <th> Column 1 </th> <th> Column 2 </th> <th> Column 3 </th> </tr> <tr> <td> Cell 1 </td> <td> Cell 2 </td> <td> Cell 3 </td> </tr> <tr> <td> Cell 4 </td> <td> Cell 5 </td> <td> Cell 6 </td> </tr> </table> <hr /> Select the display settings: <br /><br /> BgColor: <select id="BgColorSelect" runat="server"> <option value="Red">Red</option> <option value="Blue">Blue</option> <option value="Green">Green</option> <option value="Black">Black</option> <option value="White" selected="selected">White</option> </select> Border: <select id="BorderSelect" runat="server"> <option value="0">0</option> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> BorderColor: <select id="BorderColorSelect" runat="server"> <option value="Red">Red</option> <option value="Blue">Blue</option> <option value="Green">Green</option> <option value="Black" selected="selected">Black</option> <option value="White">White</option> </select> <br /><br /> Height: <select id="HeightSelect" runat="server"> <option value="0">0</option> <option value="100">100</option> <option value="150">150</option> <option value="200">200</option> <option value="250">250</option> </select> Width: <select id="WidthSelect" runat="server"> <option value="0">0</option> <option value="200">200</option> <option value="250">250</option> <option value="300">300</option> <option value="350">350</option> </select> <br /><br /> <input type="button" value="Generate Table" onserverclick ="Button_Click" runat="server"/> </form> </body> </html>
Available since 1.1