您的位置:首页 > 技术中心 > 前端框架 >

css怎么改单元格行高

时间:2023-01-31 11:03

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视频教程》

以上就是css怎么改单元格行高的详细内容,更多请关注gxlsystem.com其它相关文章!

本类排行

今日推荐

热门手游