How to set table spacing in css

How to set the table spacing in css: 1. Use the padding attribute to style the td element of the table, with the syntax "td{padding:value}"; 2. Use the cellpadding attribute directly within the table tag, with the syntax " cellpadding:value".

The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Create a new html file, named test.html, to explain controlling the spacing of table cells in css.

In the test.html file, use the table tag to create a table, and use the border attribute to set the border of the table to 1px.

In the test.html file, use the tr and td tags to create a table with two rows and two columns. The code is as follows:

##In the test.html file, write the tag. The css style of the page will be written in this tag. Inside.

In the css tag, set the style of the td element of the table, and use the padding attribute to set the spacing of the cells to 10px, that is, the inner margin of the cell is 10px.

In addition to the above method, you can also use the cellpadding attribute to set it directly in the table tag to define the cell spacing.

Open the test.html file in the browser to check the effect.

Recommended learning:

css video tutorial

The above is the detailed content of How to set table spacing in css. For more information, please follow other related articles on the PHP Chinese website!