实验报告三_练习div+css页面布局的使用方法_

来源：用户分享时间：2025/8/2 12:36:23 本文由

说明：文章内容仅供预览，部分内容可能不全，需要完整文档或者需要复制内容，请下载word后使用。下载word有问题请添加微信号:xxxxxxx或QQ：xxxxxx 处理（尽可能给您提供完整文档），感谢您的支持与谅解。

实验报告课程名称实验名称学生学号实验目的：熟悉并会使用div+css页面布局的使用方法实验条件：电脑一台、能上网查阅资料。实验内容与步骤：（1）实验内容： ①创建一个XHTML页面default.aspx， ②使用div+css来设计如图下所示的页面。 ASP.NET 练习div+css页面布局的使用方法 Z090552XX 姓名 XXX 日期班级 2011.9.20 Z090XXX （2）源代码： default.aspx页面源代码：<%@ Page Language=\ AutoEventWireup=\ CodeFile=\ Inherits=\ %>

\ 某计算机公司

｜｜｜｜｜

CSS样式文件代码：ody { font-size: 12px; font-family: 宋体; text-align: center; background-color: #F7F7F7; } #maindiv { width: 740px; margin-top: 0px; margin-left:auto; margin-right:auto; } #HeadDiv { width: 740px; background-image: url(images/logo-1.jpg); height: 80px; text-align: right; clip: rect(60px auto auto auto); } #MenuDiv { background-color: #3381da; width: 100%; height: 20px; padding-top: 6px; color: #ffffff; text-align: right; } #MenuDiv a, #MenuDiv a:link, #MenuDiv a:visited, #MenuDiv a:active { text-decoration: none; color: #ffffff;

} #MenuDiv a:hover { color: #ff0000; text-decoration: underline; } #ContentLeft1 { width:368px; height:174px; background-image:url(images/news1.jpg); float:left; } #ContentRight1 { width:368px; height:174px; background-image:url(images/news2.jpg); } #ContentBottom { width:740px; height:300px; clear:both; } #ContentLeft2 { width:528px; height:300px; background-image:url(images/product.jpg); float:left; } #ContentRight2 { width:205px; height:300px; background-image:url(images/login.jpg); background-repeat:no-repeat; } #EndimageDiv { width: 100%; background-image: url(images/bg2.gif); background-repeat: repeat-x;

height: 25px; } #EndDiv { background-color: #ffffff; width: 100%; height: 63px; line-height: 20px; } 实验总结（结论或问题分析）：实验成绩

任课教师签名郭俊恩

搜索更多关于：实验报告三_练习div+css页面布局的使用方法_ 的文档

实验报告三_练习div+css页面布局的使用方法_.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.diyifanwen.net/c27w7341j6u2ubi97rwvl_1.html（转载请注明文章来源）