微信电脑版 coreldraw x6 驱动人生 EasyRecovery 易企秀
PC下载网
PC下载网 > 软件教程 > 编程开发 > 

dreamweaver cs6制作细边框表格的具体操作流程

dreamweaver cs6制作细边框表格的具体操作流程

编辑:小禾 来源:互联网 时间:2019-09-05 13:35:35

  • 相关下载1

dreamweaver cs6

dreamweaver cs6

大小:278MB 语言:简体中文

类型:编程开发 等级:

立即下载 查看详情

近几日有部分朋友们在使用dreamweaver cs6软件的时候,想了解其中是怎么制作细边框表格的?本篇文章中就为你们带来了dreamweaver cs6制作细边框表格的具体操作流程。

我们需要启动adobe Dreamweaver软件,单击欢迎界面窗口中的新建HTML按钮,创建一个新的空白网页文档。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

看完了上文为你们描述的dreamweaver cs6制作细边框表格的具体操作流程,大伙应该都学会了吧!

PC下载站网友:
共有11条评论
返回顶部