HTML table tag tutorial (36): table header background color attribute BGCOLOR

HTML table tag tutorial (36): table header background color attribute BGCOLOR

The <TH> tag is used to set the properties of a header in a table. See the table below:
<th> tag attributes for table headers
Property Description ALIGN Horizontal alignment VALIGN Vertical alignment of cell content BGCOLOR Background color of cell BACKGROUND Background image of cell BORDERCOLOR Border color of cell BORDERCOLORLIGHT Light border color of cell BORDERCOLORDARK Dark border color of cell WIDTH Width of cell HEIGHT Height of cell The background color of the header can be set through the BGCOLOR property.
Basic Syntax>
<TH BGcolor=color_VALUE>
Syntax explanation <br />When defining colors, you can use English color names or hexadecimal color values.
File example: 10-34.htm
Set the background color of the table header.
01 <!-- ------------------------------ -->
02 <!-- File example: 10-34.htm -->
03 <!-- File Description: Set the background color of the table header-->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Set the background color of the header</TITLE>
08 </HEAD>
09 <BODY>
10 <H1>Mainstream web design software</H1>
11 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699>
12 <TR>
13 <TH Bgcolor=#00FFFF>Web Graphics Software</TH><TH>Fireworks</TH>
14 </TR>
15 <TR>
16 <TD>Web page creation software</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>Web animation software</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
File Description <br />Line 13 defines the background color of the header as #00FFFF.

<<:  Detailed explanation of the syntax and process of executing MySQL transactions

>>:  Vue implements multi-grid input box on mobile terminal

Recommend

Vue implements multiple ideas for theme switching

Table of contents Dynamically change themes The f...

Several ways to introduce pictures in react projects

The img tag introduces the image Because react ac...

Summary of several error logs about MySQL MHA setup and switching

1: masterha_check_repl replica set error replicat...

Detailed explanation of the interaction between React Native and IOS

Table of contents Prerequisites RN passes value t...

Markup Language - Anchor

Previous: Markup Language - Phrase Elements Origin...

Example of automatic import method of vue3.0 common components

1. Prerequisites We use the require.context metho...

Use personalized search engines to find the personalized information you need

Many people now live on the Internet, and searchin...

Html sample code for reading and displaying pictures in a local folder

One purpose Select a local folder on the Html pag...

Method of using MySQL system database for performance load diagnosis

A master once said that you should know the datab...

MYSQL's 10 classic optimization cases and scenarios

Table of contents 1. General steps for SQL optimi...

How to operate MySql database with gorm

1. Setting case sensitivity of fields in the tabl...

Vue uses dynamic components to achieve TAB switching effect

Table of contents Problem Description What is Vue...

HTML simple shopping quantity applet

This article shares a simple HTML shopping quanti...