HTML css+div 网页布局框架集
谁能告诉我呀，详细点追加100分~总体的布局为：——————————||||——————————||||||||||||||||——————————||||———————...
谁能告诉我呀，详细点
追加100分~
总体的布局为：
——————————
| |
| |
——————————
| | | |
| | | |
| | | |
| | | |
——————————
| |
| |
——————————
上，
中（左，中，右）
下
怎么整呀？？？
详细一点分多一点.~!
非常感谢.! 展开
追加100分~
总体的布局为：
——————————
| |
| |
——————————
| | | |
| | | |
| | | |
| | | |
——————————
| |
| |
——————————
上，
中（左，中，右）
下
怎么整呀？？？
详细一点分多一点.~!
非常感谢.! 展开
4个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.s{
margin-top:3px;
width:98%;
height:200px;
border:1px solid black;
}
#middle{
text-align:center;
}
#middleContent{
width:90%;
}
#middleContent div{
border:1px solid red;
height:98%;
float:left;
width:33.33%;
height:200px;;
}
</style>
</HEAD>
<BODY>
<div class="s">上</div>
<div class="s" id="middle">
<div id="middleContent">
<div>左</div>
<div>中</div>
<div>右</div>
</div>
</div>
<div class="s">下</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.s{
margin-top:3px;
width:98%;
height:200px;
border:1px solid black;
}
#middle{
text-align:center;
}
#middleContent{
width:90%;
}
#middleContent div{
border:1px solid red;
height:98%;
float:left;
width:33.33%;
height:200px;;
}
</style>
</HEAD>
<BODY>
<div class="s">上</div>
<div class="s" id="middle">
<div id="middleContent">
<div>左</div>
<div>中</div>
<div>右</div>
</div>
</div>
<div class="s">下</div>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<HTMT>
<HEAD>
<TITLE>
</TITLE>
<LINK HREF=2.CSS TYPE=TEXT/CSS REL=STYLESHEET>
</HEAD>
<BODY>
<!--总体-->
<DIV ID=ZHONG>
<!--上-->
<DIV ID=SHANG>
</DIV>
<!--中-->
<DIV ID=ZONG>
<div id=zuo></div>
<div id=center></div>
<div id=you></div>
</DIV>
<!--下-->
<DIV ID=XIA>
</DIV>
</DLV>
</BODY>
</HTML>
2.CSS
BODY{FLOT-size:9pt;
font-famliy:黑体;
text:black； }
#ZHONG
{width:1000px;
height:800;
BACKGROUND-COLOR:BLACK;}
#ZHONG#SHANG
{ WITTN:1000;
HEIGHT:1OO;
BACKGROUND-COLOR:black;}
#ZHONG#ZONG
{WIDTH:1000;
HEIGHT:600;
BACKGROUND-COLOR:YELLOW;}
}
#ZHONG#ZONG#ZUO
{WIDTH:300;
HEIGHT:600;
BACKGROUND-COLOR:#ffffff;
float:left;}
#ZHONG#ZONG#center
{WIDTH:300;
HEIGHT:600;
BACKGROUND-COLOR:bule;
float:right;}
#ZHONG#ZONG#you
{WIDTH:300;
HEIGHT:600;
float:right;
BACKGROUND-COLOR:green;
}
<HEAD>
<TITLE>
</TITLE>
<LINK HREF=2.CSS TYPE=TEXT/CSS REL=STYLESHEET>
</HEAD>
<BODY>
<!--总体-->
<DIV ID=ZHONG>
<!--上-->
<DIV ID=SHANG>
</DIV>
<!--中-->
<DIV ID=ZONG>
<div id=zuo></div>
<div id=center></div>
<div id=you></div>
</DIV>
<!--下-->
<DIV ID=XIA>
</DIV>
</DLV>
</BODY>
</HTML>
2.CSS
BODY{FLOT-size:9pt;
font-famliy:黑体;
text:black； }
#ZHONG
{width:1000px;
height:800;
BACKGROUND-COLOR:BLACK;}
#ZHONG#SHANG
{ WITTN:1000;
HEIGHT:1OO;
BACKGROUND-COLOR:black;}
#ZHONG#ZONG
{WIDTH:1000;
HEIGHT:600;
BACKGROUND-COLOR:YELLOW;}
}
#ZHONG#ZONG#ZUO
{WIDTH:300;
HEIGHT:600;
BACKGROUND-COLOR:#ffffff;
float:left;}
#ZHONG#ZONG#center
{WIDTH:300;
HEIGHT:600;
BACKGROUND-COLOR:bule;
float:right;}
#ZHONG#ZONG#you
{WIDTH:300;
HEIGHT:600;
float:right;
BACKGROUND-COLOR:green;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
#I{clear:both;border-top:1px solid #ccc;}
#J{clear:both;}
#F{float:left;width:100px;margin-left:2px;background-color:#eee;color:F60;text-align:center;}
</style>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='I'> </Div>
#I{clear:both;border-top:1px solid #ccc;}
#J{clear:both;}
#F{float:left;width:100px;margin-left:2px;background-color:#eee;color:F60;text-align:center;}
</style>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div><div Id='F'>Three</div>
</Div>
<Div Id='I'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='J'>
<div Id='F'>One</div><div Id='F'>Two</div>
</Div>
<Div Id='I'> </Div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
