求用HTML于CSS代码写出的一个简单的页面框架，要现成的，能打开看见的，不要百度的
1个回答
展开全部
这是我亲手花了几分钟写的，望采纳哦！~~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<style>
*{margin:0px;padding:0px;}
header{
width: 100%;
background:#ccc;
height:100px;
text-align: center;
}
header>nav{
float: left;
width:100px;
height:20px;
border:1px solid red;
text-align: center;
}
section{
width: 100%;
height:250px;
background: #3498DB;
text-align: center;
font-size: 50px;
line-height:250px;
}
footer{
width:100%;
height:100px;
background: #66CCFF;
text-align: center;
font-size: 50px;
line-height:100px;
}
</style>
<body>
<header>
<h1>头部</h1>
<nav>导航1</nav>
<nav>导航2</nav>
<nav>导航3</nav>
</header>
<section>内容页面</section>
<footer>底部</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<style>
*{margin:0px;padding:0px;}
header{
width: 100%;
background:#ccc;
height:100px;
text-align: center;
}
header>nav{
float: left;
width:100px;
height:20px;
border:1px solid red;
text-align: center;
}
section{
width: 100%;
height:250px;
background: #3498DB;
text-align: center;
font-size: 50px;
line-height:250px;
}
footer{
width:100%;
height:100px;
background: #66CCFF;
text-align: center;
font-size: 50px;
line-height:100px;
}
</style>
<body>
<header>
<h1>头部</h1>
<nav>导航1</nav>
<nav>导航2</nav>
<nav>导航3</nav>
</header>
<section>内容页面</section>
<footer>底部</footer>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
