dreamweaver表格怎么写

1.dreamweaver怎么做表格dreamweaver制作表格方法/步骤:
1. 首先打开Dreamweaver CC创建一个表格,边框粗细为1像素,单元格边距和间距为零 。
2. 我们点实时视图看预览的表格边框比较粗
3. 我们在IE浏览器和Chrome浏览器中预览也是粗线边框 。那么怎么修改成细线表格哪 。
4. 在table标签里面添加一个style内嵌样式
5. 在设计器窗口中选中table表格,在CSS设计器中选择内嵌样式table,点击属性边框项
6. 把border-collapse属性值设置为collapse
7. 把border-width属性值设置为thin
8. 把border-style属性值设置为solid
9. 勾选显示集,看我们为table标签CSS内嵌样式设置这3个属性
10. 当然也可以手写代码
11. 点击实时视图,看表格变成细线边框了
12. 选择多种预览方式观察一下
13. 看在IE浏览器和Chrome浏览器中均显示为细线边框
2.dreamweaver怎么做表格dreamweaver制作表格方法/步骤: 首先打开Dreamweaver CC创建一个表格,边框粗细为1像素,单元格边距和间距为零 。
我们点实时视图看预览的表格边框比较粗我们在IE浏览器和Chrome浏览器中预览也是粗线边框 。那么怎么修改成细线表格哪 。
在table标签里面添加一个style内嵌样式在设计器窗口中选中table表格,在CSS设计器中选择内嵌样式table,点击属性边框项把border-collapse属性值设置为collapse把border-width属性值设置为thin把border-style属性值设置为solid勾选显示集,看我们为table标签CSS内嵌样式设置这3个属性当然也可以手写代码点击实时视图,看表格变成细线边框了选择多种预览方式观察一下看在IE浏览器和Chrome浏览器中均显示为细线边框 。
3.Dreamweaver 中如何设置表格做细线表格
先给边框设置一个颜色bordercolor="#3399ee",再设置边框宽度为1像素 border="1" 设置 cellspacing="0" cellpadding="0" 最后设置style属性 style="border-collapse:collapse;"
OK 了,给你一个细线边框表格
<table bordercolor="#3399ee" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse;" >
……………………
</table>
4.如何用Dreamweaver制作网页表格1、在插入栏中选择
按钮或“插入”菜单>;选“表格” 。系统弹出表格对话框如下图 。这些参数我们都已经认识了 。行:2 。列:2 。其余的参数都保留其默认值 。
Dreamweaver网页制作教程:表格设计
2、在编辑视图界面中生成了一个表格 。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄 。当光标移到点上就可以分别调整表格的高和宽 。移到表格的边框线上也可以调整 。(如下图)
Dreamweaver网页制作教程:表格设计
3、在表格的第一格按住左键不放,向下拖拽选中二格单元格 。(如下图)
Dreamweaver网页制作教程:表格设计
然后在展开的属性面板中选择合并单元格按钮(如下图红框所示) 。将表格的单元格合并 。如果要分割单元格,则可以用合并单元格按钮右边的按钮 。
Dreamweaver网页制作教程:表格设计
合并结果如下图 。
Dreamweaver网页制作教程:表格设计
4、用鼠标拖拽表格的边框调整到适当的大小 。
5、单击左边的单元格,然后输入“摄影作品赏析”文字,并调整大小,因是竖排应每个字回车一次 。如果需要调整格子的大小 。只需要鼠标的光标移动到边框上拖拽即可 。
6、在右边上下单元格内分别插入图片和文本 。页面的基本样子有了 。
Dreamweaver网页制作教程:表格设计
7、光标移动到表格的边框上单击 。表格周围出现调整框,表示选中整张表格 。然后,在属性面板中将“边框”值设置适合的值,如果为0,边框在编辑状态,为虚线显示,浏览时就看不见了 。