<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Div首页布局</title>
<!-- <link rel="stylesheet" href="div_index.css">-->
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
background-color: rgba(202,202,202,0.35);
}
.header{
width: 100%;
height:30px;
background-color: rgba(0,0,0,0.5);
}
.nav{
width: 1000px;
height: 70px;
background-color: white;
margin: 0 auto;
}
.focus{
width:100%;
height: 300px;
background-color: #999999;
margin: 0 auto;
}
.content{
width: 1000px;
height: 1300px;
background-color: #EEEEEE;
margin: 0 auto;
}
.footer{
margin: 0 auto;
width: 1000px;
height: 30px;
background-color:rgba(0,0,0,0.5) ;
}
.logo{
float: left;
width: 300px;
height: 70px;
background-color: rgba(138,138,138,0.5) ;
}
.nav1{
float: left;
width: 100px;
height: 70px;
HTML DIV布局实例
最新推荐文章于 2025-06-30 16:38:39 发布