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 网页中的锚点(命名锚记)的使用介绍

Html中table边框颜色怎么设置

什么是Html语言

Html怎么设置p标签行间距

Html如何使用title属性让鼠标悬停来显示文字

Html设置页面文本首行缩进

更多相关阅读请进入《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 设计细节

相关推荐

评论