网页设计-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
显示全部