Compartilhar via


HtmlTableRow.BgColor Propriedade

Definição

Obtém ou define a cor da tela de fundo da linha representada por uma instância da classe HtmlTableRow.

public:
 property System::String ^ BgColor { System::String ^ get(); void set(System::String ^ value); };
public string BgColor { get; set; }
member this.BgColor : string with get, set
Public Property BgColor As String

Valor da propriedade

String

A cor da tela de fundo da linha representada por uma instância da HtmlTableRow.

Exemplos

O exemplo de código a seguir demonstra como usar a BgColor propriedade para controlar a cor da tela de fundo de uma linha no HtmlTable controle.

<%@ Page Language="C#" 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">

  void Button_Click(Object sender, EventArgs e)
  {

    // Iterate through the rows of the table.
    for (int i = 0; i <= Table1.Rows.Count - 1; i++)
    {

      // Update the properties of each row. 
      Table1.Rows[i].BgColor = BgColorSelect.Value;
      Table1.Rows[i].BorderColor = BorderColorSelect.Value;
      Table1.Rows[i].Height = HeightSelect.Value;

    }

  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             style="border-width:1; border-color:Black"
             runat="server">

         <tr>
            <td>
               Cell 1.
            </td>
            <td>
               Cell 2.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>

      <hr />

      Select the display settings for the rows in the table: <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>

        

      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>
       
      <br /><br />
  
      <input type="button" 
             value="Generate Table"
             onserverclick="Button_Click" 
             runat="server"/>

   </form>

</body>
</html>
<%@ 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)

    Dim i As Integer

    ' Iterate through the rows of the table.
    For i = 0 To Table1.Rows.Count - 1

      ' Update the properties of each row. 
      Table1.Rows(i).BgColor = BgColorSelect.Value
      Table1.Rows(i).BorderColor = BorderColorSelect.Value
      Table1.Rows(i).Height = HeightSelect.Value

    Next i

  End Sub

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>HtmlTableRow Example</title>
</head>
<body>

   <form id="form1" runat="server">

      <h3>HtmlTableRow Example</h3>

      <table id="Table1" 
             style="border-width:1; border-color:Black"
             runat="server">

         <tr>
            <td>
               Cell 1.
            </td>
            <td>
               Cell 2.
            </td>
         </tr>
         <tr>
            <td>
               Cell 3.
            </td>
            <td>
               Cell 4.
            </td>
         </tr>

      </table>

      <hr />

      Select the display settings for the rows in the table: <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>

        

      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>
       
      <br /><br />
  
      <input id="Button1" type="button" 
             value="Generate Table"
             onserverclick="Button_Click" 
             runat="server"/>

   </form>

</body>
</html>

Comentários

Use a BgColor propriedade para especificar a cor da tela de fundo da linha representada por uma instância da HtmlTableRow classe. Você pode especificar uma cor por nome ou usando um valor hexadecimal, precedido pelo caractere de libra (#), no formulário #RRGGBB. RR, GG e BB representam valores hexadecimal de 0 a 255 que indicam os componentes vermelho, verde e azul de uma cor, respectivamente. Por exemplo, o valor #0000FF representa a cor azul. Ele especifica o valor mínimo (00) para os componentes vermelho e verde, enquanto especifica o valor máximo (FF) para o componente azul.

A tabela a seguir mostra os dezesseis nomes de cores HTML predefinidos e valores hexadecimal correspondentes que podem ser usados para a BgColor propriedade. Para obter mais informações sobre cores HTML, consulte o site do W3C (World Wide Web Consortium).

Nome da cor Valor hexadecimal
Aqua #00FFFF
Preto #000000
Azul #0000FF
Fúcsia #FF00FF
Cinza #808080
Verde #008000
Limão #00FF00
Castanho #800000
Azul-marinho #000080
Olive #808000
Roxo #800080
Vermelho #FF0000
Prata #C0C0C0
Azul-petróleo #008080
Branca #FFFFFF
Amarelo #FFFF00

As cores disponíveis para uso com a BgColor propriedade podem ser determinadas por meio da KnownColor enumeração.

Nomes de cores não diferenciam maiúsculas de minúsculas.

Aplica-se a

Confira também