css怎么改单元格行高

前端技术 03/18 CSS

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

css怎么改单元格行高

本教程操作环境: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怎么改单元格行高的详细内容,更多请关注本站点其它相关文章!

本文地址:https://www.stayed.cn/item/27106

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。