网页设计-css样式表.doc

内蒙古科技大学信息工程学院计算机系网页设计与制作实验报告姓名陈启佳学号1376807339班级计算机13级 3 班实验日期第11周（星期一 ）11 月9 日第 12 节项目号、实验名称实验12 CSS样式表（二）背景、超链接、列表样式实验要求（任课教师提供）实验目标：熟练掌握使用CSS设置背景样式 熟练掌握使用CSS设置超链接样式熟练掌握使用CSS设置列表样式实验所需软件： Ultra Edit实验内容：1练习畅销书排行榜页面 需求说明v 按照图1.1 畅销书排行榜页面效果图的标注要求制作页面v 使用无序列表制作畅销书排行榜页面v 超链接无下划线，鼠标悬浮至超链接时显示下划线v 要求使用外部样式表。图1.1 畅销书排行榜页面实验内容（由学生填写）css代码：#mfont:12px;color:#1a66b3;width:280px;background:#f3f4df;.nbackground:#518700 url(./images/bang.gif) 105px 3px no-repeat;font-size:16px;color:#FFF; text-indent:1em;line-height:30px;ullist-style:none;height:28px;line-height:28px; text-indent:2em;.a background-image:url(./images/book_no01.gif);background-repeat:no-repeat;background-position:7px 7px;.bbackground-image:url(./images/book_no02.gif);background-repeat:no-repeat;background-position:7px 7px;.cbackground-image:url(./images/book_no03.gif);background-repeat:no-repeat;background-position:7px 7px;.dbackground-image:url(./images/book_no04.gif);background-repeat:no-repeat;background-position:7px 7px;.ebackground-image:url(./images/book_no05.gif);background-repeat:no-repeat;background-position:7px 7px;.fbackground-image:url(./images/book_no06.gif);background-repeat:no-repeat;background-position:7px 7px;.gbackground-image:url(./images/book_no07.gif);background-repeat:no-repeat;background-position:7px 7px;.hbackground-image:url(./images/book_no08.gif);background-repeat:no-repeat;background-position:7px 7px;.ibackground-image:url(./images/book_no09.gif);background-repeat:no-repeat;background-position:7px 7px;.gbackground-image:url(./images/book_no10.gif);background-repeat:no-repeat;background-position:7px 7px;a font-size:12px;text-decoration:none;color:#1a66b3;a:hover color:#F60;text-decoration:underline;HTML代码：背景颜色 畅销书排行 不抱怨的世界(畅. 遇见未知的自己. 活法（季羡林、. 高效能人士的七个习惯 被迫强大（北外女生香奈儿. 遇见心想事成的自己（遇. 世界上最伟大的推销员（插. 我的成功可以复制（唐骏亲. 少有人走的路：心智成熟的. 活出全新的自己唤醒. 实验成绩说明：1、每个实验项目填写一份实验报告，电子版命名方式为：学号姓名项目号.doc。例如：1167111182张三3.doc表示张三做的第3个项目的实验报告。2、实验报告电子版应该在实验后一周内由学习委员收齐后存放在一个文件夹下，文件夹命名方式为：软件12-1班3，表示软件12-1班第