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

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

内容发布更新时间 : 2024/5/4 15:00:23星期一下面是文章的全部内容请认真阅读。

实验报告课程名称实验名称学生学号实验目的：熟悉并会使用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; } 实验总结（结论或问题分析）：实验成绩

任课教师签名郭俊恩

Word文档下载：实验报告三_练习div+css页面布局的使用方法_.doc

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