轻松用Dreamweaver 制作可视化表格

 时间:2024-10-12 14:53:29

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怎么显示代码是第几行?为什么不显示行标?
  • 热门搜索
    爱牙日手抄报 地震手抄报 超简单清明节手抄报 重阳节手抄报内容 小学生手抄报内容 普通话手抄报简单字少 安全第一手抄报 英语手抄报简单 新学期手抄报内容 孝敬父母的手抄报