轻松用Dreamweaver 制作可视化表格

 时间:2026-04-25 14:20:42

1、如图这样的表格在DW怎么做出来?

轻松用Dreamweaver 制作可视化表格

2、打开DW新建HTML,点击代码把自动生成的代码按DELETE删除

轻松用Dreamweaver 制作可视化表格

3、右边点插入——选表格点击

轻松用Dreamweaver 制作可视化表格

4、填写表格大小5行4列宽度750像素如图:

轻松用Dreamweaver 制作可视化表格

5、选首行表格点击背景颜色添加背景

轻松用Dreamweaver 制作可视化表格

6、选中5行右边三个表格点击合并所选表格如图

3.4行同样操作

轻松用Dreamweaver 制作可视化表格

7、选中2很第二个单元格点击拆分单元格如图

第三、四个单元格同样操作

轻松用Dreamweaver 制作可视化表格

8、如图大体表格框架出来啦

轻松用Dreamweaver 制作可视化表格

9、接着输入文字+背景,选中整个表格边框设置1

轻松用Dreamweaver 制作可视化表格

10、点击代码填加如图代码。

轻松用Dreamweaver 制作可视化表格

11、整个表格看起来不错吧。

谢谢观看学习,共勉!

轻松用Dreamweaver 制作可视化表格

  • Dreamweaver如何看到当前网页详细的结构
  • Dreamweaver中,如何设置电子邮件链接
  • Dw CC 2018怎么设置带结构的文本以及基本格式
  • Dreamweaver学习:[22]创建数据表格
  • DW怎么显示代码是第几行?为什么不显示行标?
  • 热门搜索
    花斑癣用什么药 hero什么意思 什么是绩效考核 脑供血不足什么症状 金苍蝇是什么 个人档案有什么用 我想要怒放的生命是什么歌 峥嵘是什么意思 幼儿园运动会总结 斑斓什么意思