CSS3 tables and form styles

In traditional web pages, tables are mainly used for web page layout, and therefore have become the main tool for web page editing; in standardized web page design, the main function of tables is to display data and can also appropriately assist structural design. This chapter mainly introduces how to use CSS to control the display effects of tables and forms, such as the borders, backgrounds and other styles of tables and forms.

1. Basic style of table

CSS defines 5 special properties for tables. The detailed description is shown in the following table:

In addition to the five table-specific properties introduced in the above table, other CSS properties are also applicable to tables.

1.1. Design table border lines

Using the CSS border attribute instead of the border attribute of the


 tag to define the table border can optimize the code structure.
[Example] Demonstrates the use of CSS to design a table with a thin border style.
 Step 1, add