求这个布局的网页代码,要css和html分开的,谢谢!
展开全部
index.html
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="top">最顶上</div>
<div class="header">
<div class="h_l">第二行左边</div>
<div class="h_r">第二行右边</div>
</div>
<div class="center">第三行</div>
<div class="main">
<div class="m_l">第四行左边</div>
<div class="m_r">第四行右边</div>
</div>
<div class="footer">最底下</div>
</body>
</html>
style.css
.top,.header,.center,.main,.footer{
clear:both;
height:30px;
}
.top,.center,.footer{
width:100%;
}
.h_l,.m_l{
width:20%;
float:left;
background:#ff0000;
}
.h_r,.m_r{
width:80%;
float:left;
background:#000000;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询