1 / 10
文档名称:

表格CSS实例步骤.doc

格式:doc   页数:10页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

表格CSS实例步骤.doc

上传人:2768573384 2016/6/17 文件大小:0 KB

下载得到文件列表

表格CSS实例步骤.doc

相关文档

文档介绍

文档介绍:用表格布局网页过程 1 )单击“文件| 新建”命令,新建一个空白文档,并将文档保存为 。 2 )插入背景图片(图片位于素材 image s/ ) 3 )插入 1行1 列的表格,表格宽度为 764 像素,其他设置如下图所示。 4) 单击“确定”按钮插入表格, 在属性面板中将“对齐”设置为“居中对齐”, 背景颜色为#ffffff 。(注意:确保表格是选中的) 5 )将光标移到单元格中,插入一个 2行1 列的表格,宽度为 759 像素,并属性面板中将对齐设置为居中对齐。 6 )将光标移到第 1 行单元格中,单击“插入| 媒体|Flash ”命令,在对话框中选中文件“ images/ ”,单击确定插入 flash 动画。 7 )选中 flash 文件,在“属性”面板中单击“播放”按钮,可以播放插入的 flash 动画。 8 )将光标移到第 2 行单元格中,插入“ images/ ”,完成后,效果如下 9 )将光标移到顶部 flash 部分表格的外面,插入一个 1行2 列的表格,宽度为 759 像素,在属性面板中将对齐设置为居中对齐。(记主体信息表) 10 )将光标移到第 1 列单元格中,在属性面板中将宽设置为 157 像素,“垂直”设置为“顶端”,插入一个 5行1 列的表格(表格的宽度 157 像素) (此表格记为表格 1)。 11 )将光标移到表格 1 的第 1 行单元格中,在“属性”面板中设置背景图片为“ images/ ”,其宽 157 ,高 200 ,垂直为顶端,效果如下 12 )将光标移到表格 1 的第 1 行单元格中,插入 1行1 列的表格,宽 105 ,高 112 ,对齐为居中对齐。(记此表为表 2) 13 )将光标移到表 2 的单元格中,单击“插入| 标签”命令,打开“标签选择器”对话框, 如图所示。 14 )选择如上图所示,单击插入按钮,插入标签,后单击“关闭” 15 )在“代码视图”中,将光标移到<marquee> 标签中,设置“ scrollamount ”属性值为 2, direction 属性为 up, height 属性为 112 ,。 Onmouseover 和 Onmouseout 属性,将光标移到<marquee> 与</marquee> 之间,然后输入相应的文字,比如“欢迎光临”具体代码如下: 16 )将光标移到表格 1 的第 2 行单元格中(滚动信息下面的单元格) ,在属性面板中,设置背景图片为“ images/ ”,然后设置单元格的高度为 151 像素,垂直设置为“顶端” 17 )将光标移到表格 1 的第 3 行单元格中,在属性面板中,设置背景图片为“ images/ ”,然后设置单元格的高度为 181 像素,垂直设置为“顶端” 18 )将光标移到表格 1 的第 3 行单元格中,插入 1行1 列的表格,宽度为 90% ,对齐设置为居中。 19 )将光标移到新插入的表格中,插入 7行7 列的表格,宽度为 100% ,单元格间距为 2。 20 )合并 7行7 列的表格的第一行,并在合并后的单元格中输入“<<<2011-11>>> ”,设置单元格的对齐方式为“居中对齐”,并在其他的单元格中