PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

css怎么改单元格行高

藏色散人
藏色散人 原创
2023-01-31 11:03:00 2210浏览

css改单元格行高的方法:1、新建一个html文件;2、使用table标签创建一个表格;3、设置table标签的class为mycss;4、在css标签内,通过class设置table表格的样式;5、在css标签内,通过修改“line-height”属性值即可修改单元格行高。

本教程操作环境:Windows10系统、CSS3版、DELL G3电脑

css怎么改单元格行高?

css设置table单元格的行高:

新建一个html文件,命名为test.html,用于讲解css如何设置table单元格的行高。

5fb18b6475fb4bdb615df0d58208e9d.jpg

在test.html文件内,使用table标签创建一个表格。

9f55e31d1664c3c6b2fbe003166eaaf.jpg

在test.html文件内,设置table标签的class为mycss。

638d335dc4bef0aa6fdee70ec5cc2fb.jpg

在css标签内,通过class设置table表格的样式。

44fd40956ef777e42aa24a36efcfa84.jpg

在css标签内,将line-height属性设置为80px,即将单元格的行高设置为80px。

5aed4f5d67b22e097e531ebd704f25a.jpg

在浏览器打开test.html文件,查看实现的效果。

02ad26c858fad50d4b6cc9bf47c05e7.jpg

推荐学习:《css视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。