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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐