如題就不多說了... 代碼如下就請看倌自行參考:
HTML:
<body id="allimage">
<div id="control">
<div id="header"> header 的內容放在這裡</div>
<div id="leftmanu">
<p>左選單內容</p>
</div>
<div id="content">
<p>網頁主要顯示內容</p>
</div>
<div id="rightmanu">
<p>右選單內容</p>
</div>
<div id="bottom"> 版尾區</div>
</div>
</body>
CSS:
#header {
background-color: #93F;
font-family: Fixedsys;
color: #FFF;
height: 100px;
}
#leftmanu {
font-family: Fixedsys;
background-color: #F93;
width: 200px;
color: #666;
float: left;
}
#bottom {
font-family: Fixedsys;
color: #FFF;
background-color: #F00;
clear: both;
height: 100px;
}
#control {
width: 800px;
}
#rightmanu {
background-color: #F0F;
font-family: Fixedsys;
width: 200px;
color: #FFF;
float: right;
}
#content {
font-family: Fixedsys;
background-color: yellow;
width: 400px;
float: left;
}
HTML:
<body id="allimage">
<div id="control">
<div id="header"> header 的內容放在這裡</div>
<div id="leftmanu">
<p>左選單內容</p>
</div>
<div id="content">
<p>網頁主要顯示內容</p>
</div>
<div id="rightmanu">
<p>右選單內容</p>
</div>
<div id="bottom"> 版尾區</div>
</div>
</body>
CSS:
#header {
background-color: #93F;
font-family: Fixedsys;
color: #FFF;
height: 100px;
}
#leftmanu {
font-family: Fixedsys;
background-color: #F93;
width: 200px;
color: #666;
float: left;
}
#bottom {
font-family: Fixedsys;
color: #FFF;
background-color: #F00;
clear: both;
height: 100px;
}
#control {
width: 800px;
}
#rightmanu {
background-color: #F0F;
font-family: Fixedsys;
width: 200px;
color: #FFF;
float: right;
}
#content {
font-family: Fixedsys;
background-color: yellow;
width: 400px;
float: left;
}
留言
張貼留言