How to set the color of the first row of a table by css

This article mainly introduces "css how to set the color of the first row of the table". In daily operation, I believe many people have doubts about how to set the color of the first row of the table in css. The editor consulted all kinds of data and sorted out a simple and easy-to-use method of operation. I hope it will be helpful for you to answer the doubt of "how to set the color of the first row of the table in css". Next, please follow the editor to study!

Css sets the color of the first row of the table: 1, create a new html file; 2, use the table tag to create a three-row and two-column table; 3, within the css tag, set the table style through id; 4, select the first row of the table through the id and ": first-child" selector and set the background color.

This article operating environment: windows7 system, HTML5&&CSS3 version, DELL G3 computer

How does css set the color of the first row of the table?

Create a new html file named test.html to explain how css adds a background color to the first row of the table.

Within the test.html file, use the table tag to create a table with three rows and two columns.

In the test.html file, set the id of the table tag to mytest.

Within the css tag, style the table through id, defining its width as 320px and its height as 120px.

Within the css tag, select the first row of the table through the id and ": first-child" selectors, and use the background attribute to set its color to blue and the text color to white.

Open the test.html file in the browser to see the effect of the implementation.

At this point, the study on "how to set the color of the first row of the table by css" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!