How to change cell row height in css

How to change the cell row height in css: 1. Create a new html file; 2. Create a table using the table tag; 3. Set the class of the table tag to mycss; 4. In the css tag, pass the class Set the style of the table; 5. In the css tag, you can modify the cell row height by modifying the "line-height" attribute value.

The operating environment of this tutorial: Windows 10 system, CSS3 version, DELL G3 computer

How to change the cell row height in css?

css sets the row height of table cells:

Create a new html file, named test.html, to explain how to set table cells with css row height.

In the test.html file, use the table tag to create a table.

In the test.html file, set the class of the table tag to mycss.

In the css tag, set the style of the table through class.

In the css tag, set the line-height property to 80px, that is, set the line height of the cell to 80px.

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

Recommended study: "css video tutorial"

The above is the detailed content of How to change cell row height in css. For more information, please follow other related articles on the PHP Chinese website!