html怎么创建表格,html怎么做表格

html做表格的方法:首先新建一个html,并在“”中间填入表格内容;然后在“”中间输入样式表的样式;最后设置单元格的宽度高度等等样式即可。

2f2ab7c0d9d452cbfd2f3960bd0b0ca6.png

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑

html做个表格的步骤如下:

1、首先新建一个html,点击

中间,先填入表格内容;

3e73fa50e73e92f0cd29293121712c40.png

2、内容根据需求来写即可,示例代码如下:

功课表

语文7:00-7:407:50-8:30数学7:00-7:407:50-8:30英文7:00-7:407:50-8:30

d0f988933dd54d9d835506f9f41be1da.png

3、然后在

中间输入样式表的样式;

ae81efd5ddd452cfe61660738cf780ec.png

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

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;

}

c4b043853a277d9de239ba9be992afc3.png

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

8e6ba849f840a79cdb9b4a7f76082cc1.png

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

616c2801835d1ac4255c65d8544e7e98.png

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值