网页设计-css样式表.doc

内蒙古科技大学信息工程学院计算机系 《网页设计与制作》实验报告 姓名 陈启佳 学号 1376807339 班级 计算机13级 3 班 实验日期 第11周（星期一 ）11 月9 日第 12 节 项目号、实验名称 实验12 CSS样式表（二）——背景、超链接、列表样式 实 验 要 求 （任课 教 师 提 供） 实验目标： 熟练掌握使用CSS设置背景样式 熟练掌握使用CSS设置超链接样式 熟练掌握使用CSS设置列表样式 实验所需软件： Ultra Edit 实验内容： 1练习——畅销书排行榜页面 需求说明 按照图1.1 畅销书排行榜页面效果图的标注要求制作页面 使用无序列表制作畅销书排行榜页面 超链接无下划线，鼠标悬浮至超链接时显示下划线 要求使用外部样式表。 图1.1 畅销书排行榜页面 实 验 内 容 （由学 生 填 写） css代码：#m{font:12px;color:#1a66b3;width:280px;background:#f3f4df;} .n{ background:#518700 url(../images/bang.gif) 105px 3px no-repeat; font-size:16px; color:#FFF; text-indent:1em; line-height:30px; } ul{list-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;} .b{background-image:url(../images/book_no02.gif); background-repeat:no-repeat; background-position:7px 7px;} .c{background-image:url(../images/book_no03.gif); background-repeat:no-repeat; background-position:7px 7px;} .d{background-image:url(../images/book_no04.gif); background-repeat:no-repeat; background-position:7px 7px;} .e{background-image:url(../images/book_no05.gif); background-repeat:no-repeat; background-position:7px 7px;} .f{background-image:url(../images/book_no06.gif); background-repeat:no-repeat; background-position:7px 7px;} .g{background-image:url(../images/book_no07.gif); background-repeat:no-repeat; background-position:7px 7px;} .h{background-image:url(../images/book_no08.gif); background-repeat:no-repeat; background-position:7px 7px;} .i{background-image:url(../images/book_no09.gif); background-repeat:no-repeat; background-position:7px 7px;} .g{background-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代码： html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title背景颜色/title