html怎么做表格(2)-木庄网络博客

2022-01-28 02:49:08 PHP中文网 JavaScript 百度已收录

4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：

<style type="text/css">
body
{
width:340px;
height :800px;
}
table
{
border-collapse :collapse ;
}
th,td
{
width:100px;
height:40px;
border :1px solid black;
font-size:12px;
text-align :center;
}     
</style>

5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。

6、预览结果如下所示，一个简单的表格就制作出来了。

推荐学习：《HTML视频教程》《css视频教程》

以上就是html怎么做表格的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

Html中css代码放哪里

优化Html的输入框提高用户体验和易用度的方法

如何解决Html邮件乱码问题

Html的表格布局

Html 本地存储

Html中div标签、section标签和acticle标签三者有啥区别

更多相关阅读请进入《Html》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » html怎么做表格

html怎么做表格

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论