html+CSS的初步实现
<html>
<title>无标题文档</title>
<style type="text/css">
#float{ width:800px;
height:70px;
background-color:#00F;
position:relative;
margin:0px auto}
#float1{ width:100px;
height:600px;
background-color:#60F;
position:relative;
margin:0px}
#float2{
width:400px;
height:50px;
background-color:#F00;
position:absolute;
z-index:4;
top:0px;
left:0px}
#float3{
width:400px;
height:50px;
background-color:#0F0;
position:absolute;
z-index:3;
top:30px;
left:20px}
#float4{width:400px;
height:50px;
background-color:#90F;
position:absolute;
top:60px;
left:40px
z-index:2;
}
</style>
</head>
<body>
<div id="float2"></div>
<div id="float3"></div>
<div id='float4'></div>
</body>
</html>
这是我的第一个CSS的<div>的实现
posted on 2013-03-23 12:37 Action、Net 阅读(171) 评论(0) 编辑 收藏 举报
