多语言展示
当前在线:1237今日阅读:84今日分享:32

网页表格制作详解(Adobe Dreamweaver)

上一篇说到简单布局网页表格,下面来讲讲详细制作表格的过程,怎么按要求生成表格,网页表格支持在线打印,十分方便;word和网页版对照
工具/原料
1

电脑

2

dw

方法/步骤
1

在最外层父级设置样式使之网页变成单线条格式(border-collapse:collapse;border-width:thin;border-dorder-style:solid;)

2

布局如图默认之后就开始编写表格,单元格里面可以添加div等标签布局即可

3

要是想一个单元格分成多个单元格的话右击表格-拆分单元格可以设置按行和列拆分还有拆分个数

4

合并单元格的话使用,按住Ctrl选择需要合并的单元格,右击表格选择合并单元格

5

一般单元格文字居中的话右击对齐-居中对齐就好了,代码方面就是加个div包着给个align='center'居中

6

单元格里面的内容布局使用html里面标签布局即可进行样式调试即可使用

7

对应的单元格,合并和拆分上下对照;colspan='3'表格大单元格相当于三个小的单元格

8

表格也可以右击进行如下操作,按需求操作可以删除插入行列;再进行调整即可编写出网页表格,有什么问题欢迎交流

注意事项
1

Thanks♪(・ω・)ノ欢迎交流。在下面多多投票哦

2

注意要在table里面设置样式才能显示单线条

推荐信息