ACCPHTMLS1第七章上机练习1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
li{
list-style-type:none;
width:100px;
float:left;
	}
a{
	background:url(../Desktop/forumMenuBg.gif) 0px 0px no-repeat;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#FFF;
	}
a:hover{
	background:url(../Desktop/forumMenuBg.jpg) 0px 0px repeat-x;
	text-decoration:none;
	padding-left:0px;
	display:block;
	text-align:center;
	}
.a{
	height:82px;
	width:900px;
	background-color:#EDEDED;
	}
ul{
		padding:0px;
		margin:0px;		}
.b{
	float:left;
	}
.c{
	float:right;
	}
.d{
	height:18px;
	width:900px;
	background-color:#000;
	}
</style>
</head>
<body>
<div class="a"><img class="b" src="../Desktop/forumLogo.jpg" /><img class="c" src="../Desktop/forumLogo_r.jpg" /></div>
<div class="d">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">青鸟知识库</a></li>
<li><a href="#">青鸟论坛</a></li>
<li><a href="#">学员回答</a></li>
<li><a href="#">青鸟圈子</a></li>
<li><a href="#">实时课堂</a></li>
<li><a href="#">客户端下载</a></li>
<li><a href="#">帮助中心</a></li>
<li> </li>
</ul>
</div>
</body>
</html>

展开阅读全文

没有更多推荐了,返回首页