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

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; } 实验总结（结论或问题分析）： 实验成绩

任课教师签名 郭俊恩