如何用Dreamweaver CS6制作细边框表格

 时间:2024-11-06 03:45:29

大家在网上可以找到很多关于Dreamweaver遄咿湫幼制作细边框表格的方法,但是软件升级到了CS6版本时,会发现之前很容易设置的表格背景颜色已经在属佣甲昭宠性面板中找不到了。那么如何解决这个问题呢?下面我们来用CS6版本的软件制作细边框表格。

如何用Dreamweaver CS6制作细边框表格

工具/原料

DreamweaverCS6软件

方法/步骤

1、启动AdobeDreamweaver软件,单击欢迎界面窗口中的新建HTML按钮,创建一个新的空白网页文档。

如何用Dreamweaver CS6制作细边框表格

2、保存文档后,将Dreamweaver窗口右上角的工作区布局更改为“经典”布局方式,这样可以让“插入”面板显示出来。

如何用Dreamweaver CS6制作细边框表格

3、单击“常用”面板当中的“插入表格”按钮,弹出“表格”对话框,设置插入的表格为4行4列,宽度600像素(大家可以根据自己的需要设置行列以及宽度值),边框粗细、单元格边距均设置为0,而间距设置为1像素。

如何用Dreamweaver CS6制作细边框表格

4、单击“确定”按钮后,表格就插入到文档中了,这张虢咆噘时我们打开“拆分”视图,可以看到该表格对应的一段源代码就自动的被选中了。这里不懂代码的亲们怎么办?没关系,我们不需要懂代码,只需要馆嗳髀姐知道table就是表格的标签。

如何用Dreamweaver CS6制作细边框表格

5、大家在table的后面按一个空格键,系统会自动显莲镘拎扇示出表格的各种属性,我们找到前面有个调色盘小图标的“bgcolor”(这个单词就是背景颜色的意思),双吁炷纪顼击它在弹出的颜色面板中选取一个背景色(也就是表格最后我们看到的边框色)。

如何用Dreamweaver CS6制作细边框表格

如何用Dreamweaver CS6制作细边框表格

6、我们选取了黑色背景色后,可以看到左边源代码自动加了一句设置表格背景色的代码,右边表格整个变成黑色了。

如何用Dreamweaver CS6制作细边框表格

7、最后,返回到“设计”视图,用鼠标从第一个单元格拖选到最后一个单元格,把这个表格的全部单元格都选中,然后在属性面板中修改单元格的背景颜色为白色。

如何用Dreamweaver CS6制作细边框表格

8、完成后预览页面效果,可以看到黑色细边框的表格就制作完毕了。

如何用Dreamweaver CS6制作细边框表格

dreamweaver中插入word文档如何保留文档原格式 dreamweaver cs6设置滚动字幕的操作 Dreamweaver中,如何设置电子邮件链接 利用Dreamweaver CS6在html中插入css的样式 dreamweaver怎么复制仅文本
热门搜索
情感图片大全 张一山杨紫狂吻图片 联系方式图片 单色图片 环球动漫嬉戏谷